Textarea disabled and IE
Good time of day!
Problem: in IE, when textarea is disabled, if background-color is not equal to white, then the text is "highlighted" - there is a stroke (? or an attempt to smooth it out) the text.
On the computer, the eye is not very striking, but on mobile phones, the font seems to split...
<!DOCTYPE html>
<html>
<head>
<style>
textarea:disabled {
background-color: #1b2024;
color:red;
}
</style>
</head>
<body>
<textarea disabled="disabled">FKDJHKLHhhhhhhhhhhhhhfgjgj</textarea>
</body>
</html>
Here can be viewed.
How to fix it? You can, of course, make a div, or remove disabled, and put a div on top, but I would like to remove this one in IE through CSS. It's disgusting...
2 answers
Yes, the management is handled by the browser. different browsers display the darkening differently, IE also adds such a shadow.
IMHO, it will be easier to implement your element. For example, a div that you want to style as you want, if you need to de-style it, then replace it with a regular textarea...
:disabled {
pointer-events: none;
}
Or it is better to immediately use godlike. css to solve such problems.