Question

我想对焦点上的所有readonly元素应用一些css，我不知道如何在IE8中这样做。对于firefox，chrome，opera它可以工作，但IE8不会看到这个：

(background:#F8F8F8 !important;  outline:none !important;)

非常奇怪，我不明白为什么即使在IE8和背景中也应用了不透明度，但未应用轮廓。

*[readonly]{
  opacity: 0.5;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  background:#F8F8F8 !important;
  outline:none !important;
  }

如果有人可以提供帮助，谢谢。

Answer 1

如果您希望将它应用于焦点，也许您应该包含:focus伪类。如果可行的话，下一步就是除去你所有的!important，除非你真的需要它们：

[readonly]:focus {
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
  box-shadow: none;
  -webkit-box-shadow: none;
  background: #F8F8F8;
  outline: none;
}

如何在IE8中为焦点上的所有readonly元素应用一些css？

1 个答案: