как сделать отключенную кнопку ввода не «серой» в браузере ios? - PullRequest
Новая
       9

как сделать отключенную кнопку ввода не «серой» в браузере ios?

0 голосов
/ 28 марта 2019

html
(кнопка типа ввода отключена), на устройствах iPhone он серый!
но я хочу, чтобы он оставался в том же стиле, когда он отключен ...
как это сделать?

Я попытался использовать «-webkit-вести: нет;»
все (кнопка типа ввода) изменилось на мой CSS,
, но отключенные кнопки все еще серые ...
, даже если я пишу "ввод: отключено {background-color: white} "

<style>
input{
    display: block;
    -webkit-appearance: none;
    margin:5px;
    border: 2px solid #000;
    background-color: white;
}

input:disabled{
    display: block;
    border: 2px solid #000;
    webkit-appearance: none;
    background-color: white;
    }
</style>
<body>
<input id="button1" type="button" disabled>

</body>

Я хочу, чтобы IPhone использовал стиль, который я пишу ... на IPhone, https://imgur.com/a/OkTjzoa на ПК / Android, https://imgur.com/1miAJtZ

Ответы [ 2 ]

0 голосов
/ 30 марта 2019

Проблема решена !!

просто установите непрозрачность 1 

input:disabled{
-webkit-appearance: none;
opacity:1;
}
0 голосов
/ 28 марта 2019

Вы просто пытаетесь заставить отключенную кнопку оставаться белой?Вам может помочь следующая строка: 

input:-webkit-autofill {
   background-color: white !important;
}

Важный тег заставит фон быть белым.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...