Changing font colour in Textboxes in IE which are disabled

by

I noticed that you can change the colour of text in textboxes which are disabled in Firefox

I think what the question is trying to say is that this:

<textarea disabled="disabled" style="color: red;">Hello</textarea>

Results in grey text in IE, vs. red in Fox. FWIW, Opera also gives grey, whilst the WebKit browsers give red.

This is a pure CSS issue to do with how much form fields are rendered according to the OS’s widget set and how much according to the CSS rules. This has always been an area of great cross-browser difference. Scripting is not relevant, much though SO would like “use jQuery” to be the answer to every question.

The usual workaround is to use ‘readonly’ instead of ‘disabled’, then use styling (eg. based off ‘class=”disabled”’) to reproduce whatever shaded disabled effect you want. ‘readonly’ controls are not turned into OS-level-disabled widgets, giving you more latitude to style them.

More Related Contents:

  1. Working with CSS in React [closed]
  2. Canvas is stretched when using CSS but normal with “width” / “height” properties
  3. Browser can’t access/find relative resources like CSS, images and links when calling a Servlet which forwards to a JSP
  4. Override body style for content in an iframe
  5. Hiding the scroll bar on an HTML page
  6. CSS3 background image transition
  7. Understanding z-index stacking order
  8. Why does the order of media queries matter in CSS?
  9. Truncating long strings with CSS: feasible yet?
  10. CSS to set A4 paper size
  11. Remove padding from columns in Bootstrap 3
  12. How can I align one item right with flexbox?
  13. CSS “and” and “or”
  14. Using the last-child selector
  15. Separators for Navigation
  16. xHTML/CSS: How to make inner div get 100% width minus another div width
  17. How to create multi-color border with CSS?
  18. rotate3d shorthand
  19. How to specify an element after which to wrap in css flexbox? [duplicate]
  20. How to link a CSS file from HTML file?
  21. Build list of selectors with LESS
  22. how to rotate text left 90 degree and cell size is adjusted according to text in html
  23. Set div height equal to screen size
  24. Styling the new twitter widget (embedded timeline)
  25. What CSS3 features still need vendor prefixes?
  26. How to fix unexpected column order in bootstrap 4?
  27. Vertically align Bootstrap badge inside heading
  28. CSS Floating Divs with different height are aligned with space between them
  29. Media Queries – Mobile vs Desktop Browser
  30. Dynamically updating css in Angular 2

Leave a Comment