我正在尝试模拟 Firefox 禁用文本输入的外观和感觉:文本区域和输入文本。
我唯一需要担心的浏览器兼容性是 Internet Explorer 8。我不必担心之前的任何事情(Intranet)
Internet Explorer 不允许更改已禁用测试输入的文本颜色。它确实允许更改背景颜色，但灰色背景颜色上的灰色文本难以辨认。
我有一个输入框和文本区域声明如下:
<input name="Count" id="Count" onfocus="this.blur()" type="text" readOnly="readonly" value="0"/>
<textarea name="Notes" id="Notes" style="width: 100%;" onfocus="this.blur()" rows="10" cols="20" readOnly="readonly"/>
我通过 CSS 应用了以下样式:
input[readonly], textarea[readonly] {
color:black !important;
background-color: threedface !important;
}
从视觉上看，这在 Firefox 和 IE 中都表现出色。但是，IE 仍然允许光标进入文本区域或文本框。我错过了什么？
添加
我所说的光标指的是键盘光标，例如您在此处输入回复时的光标。
也许我的问题得到更好的说明，因为用户仍然可以单击文本区域并显示键盘光标。不过，闪烁的光标似乎很快就消失了。
最佳答案
尝试向您的 css 添加一个光标属性
input[readonly], textarea[readonly] {
color:black !important;
cursor: default;
background-color: threedface !important;
}
http://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&preval=default
--- 27 年 1 月 12 日
重新审视这个解决方案，我发现以下内容对我有用，希望对您也有帮助:
关于html - Internet 浏览器 8 : How to make read only text input have no cursor，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6795341/