Цвет фона остается белым для браузера сафари

Question

Я должен указать цвет фона (#eeeeee) в поле ввода только для чтения.

.form-control[disabled], 
 
.form-control[readonly], 
 
fieldset[disabled] .form-control { 
 
    cursor: not-allowed; 
 
    background-color: #eeeeee; 
 
    opacity: 1; 
 
}

<input id="tagNumber" name="j_username" class="form-control" tabindex="1" data-enhance="false" data-role="none" value="" maxlength="241" autocomplete="off" readonly="" type="text">

Это прекрасно работает во всех браузерах, кроме сафари браузер. В сафари цвет фона остается белым. Я попытался предоставить цвет фона через jquery, а также добавив определенный класс к элементу во время выполнения. Ничто не работает. Помощь Plz.

Как это выглядит на не сафари браузеров:

Как это выглядит на сафари браузеров:

Answer 1

попробовать это он может работает

# @media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
#safari { background-color:#eeeeee } 
} 

или попробуйте rgb в своем backgrou й цвет, например:

RGB (238, 238, 238) для #eeeeee

background-color:rgb(238, 238, 238);