Блог

Главная - Вопросы по программированию - Цвет фона остается белым для браузера Safari

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

#html #css

#HTML #css

Вопрос:

Я должен указать цвет фона (#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">

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

Как это выглядит в браузерах, отличных от Safari:

введите описание изображения здесь

Как это выглядит в браузерах Safari:

введите описание изображения здесь

Комментарии:

1. Он отлично работает в моем Mac Safari с серым фоном … какую ОС вы использовали? или, возможно, ваш css будет конфликтовать с другим css..

2. у меня не работает на iphone 5 и iphone 6

3. Попробуйте добавить одну строку кода: background-color: -webkit-#eeeeee;

4. Внутренняя тень вверху говорит мне -webkit-appearance: none; , что это исправит.

Ответ №1:

попробуйте это, возможно, это сработает

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

или попробуйте использовать rgb в вашем цвете фона, например:

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

 background-color:rgb(238, 238, 238);
Метки: