admin管理员组文章数量:1642219
你不能用于Internet Explorer。
看到这个评论我写了一个相关的话题:
这似乎没有一个好方法,请参阅: 如何更改IE8中禁用的HTML控件的颜色使用css – 你可以设置input为readonly ,而是有其他的后果(如readonly , input将是发送到服务器提交,但与disabled ,它不会): http : //jsfiddle/wCFBw/40
另外,请参阅: 更改禁用的IE中的文本框中的字体颜色
您可以:
input[type="text"][disabled] { color: red; }
下面让你在IE8中非常接近,也可以在其他浏览器中运行。
在你的html:
οnfοcus="this.blur();" tabindex="-1" class="disabledInput" />
在你的CSS中:
.disabledInput { color: black; }
在IE8中,hover时会有less量的边框颜色变化。 input.disabledInput:hover的一些CSS可能会照顾到这一点。
input[disabled], input[disabled]:hover { background-color:#444; }
用readonly="readonly"代替disabled 。 我认为这是相同的function。
似乎没有人为此find解决办法。 我没有一个只基于CSS,但通过使用这个JavaScript技巧,我通常可以处理禁用的input字段。
请记住,禁用的字段总是遵循他们变得被禁用之前获得的风格。 所以诀窍将是1 – 启用他们2 – 改变类3-禁用他们再次。 由于这种情况发生得很快,用户无法理解发生了什么事
一个简单的JavaScript代码将会是这样的:
function changeDisabledClass (id, disabledClass){ var myInput=document.getElementById(id); myInput.disabled=false; //First make sure it is not disabled myInput.className=disabledClass; //change the class myInput.disabled=true; //Re-disable it }
这是我为这个问题find的解决scheme:
//如果IE
inputElement.writeAttribute(“unselectable”,“on”);
//其它浏览器
inputElement.writeAttribute(“disabled”,“disabled”);
通过使用这个技巧,你可以添加样式表到您的input元素,在IE和其他浏览器不可编辑的input框中工作。
你可以使用下面的样式不透明
input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] { opacity: 0.85 !important; }
或者一个特定的CSS类
.ui-state-disabled{ opacity: 0.85 !important; }
这适用于使禁用select选项作为标题。 它并不删除:disabled选项的默认文本阴影,但它确实删除了hover效果。 在IE中,你不会得到字体的颜色,但至less文字阴影消失了。 这里是html和css:
Header1Item1Item1Item1Header2Item2Item2Item2Header3Item3Item3Item3
这里: https : //jsfiddle/7vb3h0q4/2/
版权声明:本文标题:html select disabled 字体颜色,如何更改禁用input的字体颜色? 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1729318309a1195570.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论