Hi,
I have many forms which has many text input that are read-only. I am doing this since users are not allowed to edit this anymore but they are allowed to view it.
My problem is the rendering on different browser. FF is doing fine in rendering this but IE6/IE7/IE8 is not doing any good. It is graying out the field and does not display well.
Any idea how to better style them in CSS?
.disabled{
background-color:#9DFBFB;
color:#191970;
font-weight:bold;
}
<html>
<head>
</head>
<body>
Data: <input type="text" readonly="readonly" class="disabled" value="Test"/>
</body>
</html>