Как я могу применить некоторые CSS для всех элементов только для чтения в фокусе в IE8? - PullRequest
3 голосов
/ 10 февраля 2012

Я хочу применить некоторые 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;
  }

Если кто-то может помочь, спасибо.

1 Ответ

3 голосов
/ 10 февраля 2012

Если вы хотите, чтобы он применялся в фокусе, возможно, вам следует включить псевдокласс :focus. Если это работает, следующий шаг - избавиться от всех этих !important s, если они вам действительно не нужны:

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