美文网首页
IE8浏览器下,被设置disabled属性后的元素修改字体颜色失

IE8浏览器下,被设置disabled属性后的元素修改字体颜色失

作者: 好吃的野菜 | 来源:发表于2018-04-26 14:47 被阅读419次

问题描述

我们项目中有一个需求是,当用户第二次编辑之前保存过后的表单时,对修改字段进行标红处理(即将字段值的字体颜色变为红色),然而在IE8下,发现并没有生效。
经过筛查发现IE8浏览器下,将input标签置disabled="disabled"属性后,再改变其字段值的颜色就不会生效。
原因是,在IE8下被设置了"disabled"属性的元素的前景色将被渲染为灰色且带有白色阴影

解决方案

input[disabled] { color:#fff; opacity:1 }
disabled 默认是0.3,所以样式里一定要加opacity:1

特别说明

  1. 在实际过程中,先改变字体颜色,再置diabled属性和先置disabled的属性,再改变字体颜色效果都一样;
  2. 因为disabled属性与readonly属性的一些不同,我们需要统一使用disabled属性;
  3. 以上解决方案尚未经过仔细验证。

参考链接

how to change color of disabled html controls in ie8 usingcss

相关文章

网友评论

      本文标题:IE8浏览器下,被设置disabled属性后的元素修改字体颜色失

      本文链接:https://www.haomeiwen.com/subject/jdaplftx.html