цвет фона input[readonly] FF и IE8

[iceman]

По умолчанию в FF для input с атрибутом readonly="readonly" цвет фона изменен (чуток сероватенький).
В фаербаге это -moz-field, если его запросить - то выходит rgb(255,255,255) - т.е. белый, но не фига не белый он...

в IE8 - вообще нету разницы между заблокированным input и не заблокированным.

В общем цель - сделать в IE8 инпут с readonly="readonly" - таким же как в FF.

Если выполнить след код

//IE8
$('input[readOnly=true]').css('background-color', '#EEEEEE');
//FF
$('input[readonly="readonly"]').css('background-color', '#EEEEEE');

то вообще весь стиль дефолтный(системный) слетает в FF и IE.

решение вижу следующие:
1) добиться чтобы при выставление цвета фона не слетал системный стиль на инпуте в FF и IE
2) добиться только для IE менять цвет фона, при этом чтобы системный тоже не слетал.

как то так? как решить хотя бы 1 задачу?)

 

[С.]

Не реально, и в общем поведение браузера здесь закономерно.
Кроме этого надо различать два "системных" стиля. Один, тот с современными фенечками данного браузера, а другой древний нетскейповский. При модификациях, несовместимых с фенечками, "системным" становится древний стиль.

 

[флоппик]

А нужно ли?
Пользователи ФФ и IE - как правило, разные люди, разницу увидят вряд ли.

 

[iceman]

флоппик
ну это корпоративное приложение (прием платежей), у кассиров стоит IE8.
им реально нужно видеть куда тыкаться нужно, а куда нет.

ну легче оказалось нарисовать заново стиль похожий.
чото типа такого.

  input.plugin {
      padding-top: 3px;
      padding-left: 2px;
      padding-right: 2px;
      padding-bottom: 2px;
      height: 22px;
      border: 1px solid #86A2BD;
      background-color: #fff;
      
  }
 
  input.plugin-readonly {
      background-color:#eee;
  }

...

  $('input[type="text"]').addClass("plugin");
  $('input[readOnly]').addClass("plugin-readonly");