css кнопка отключения не работает в планшетах - PullRequest
Новая
       52

css кнопка отключения не работает в планшетах

2 голосов
/ 26 марта 2020

-У меня есть кнопка: -Я хочу отключить ее с помощью javascript: document.getElementById ("input-datestart"). Disabled = true; - Css: 

input:disabled {
    background-color: #fff!important;
    color: #000;
}

цвет текста [color: # 000;] В браузере моего компьютера работает, но на планшете не работает, пожалуйста, найдите под изображением введите описание изображения здесь

Ответы [ 2 ]

2 голосов
/ 26 марта 2020

Вы можете использовать это для нескольких ОС.

Сделайте фон и текст видимыми на экране. То, что я наблюдаю в вашей скрипке, это transparent для пользователей, поэтому не стесняйтесь изменять цветовой код, чтобы он соответствовал devices и platforms. 

document.getElementById("input-datestart").disabled = true;
  input:disabled {
  -webkit-text-fill-color: #880000;
  /* Override iOS / Android font color change */
  -webkit-opacity: 1;
  /* Override iOS opacity change affecting text & background color */
  color: #880000;
  /* Override IE font color change */
<!DOCTYPE html>
<html>

<head>
  <title>Page Title</title>
</head>

<body>

  <input value="text value" name="datePlan" id="input-datestart" readonly="" type="text">

</body>

</html>
0 голосов
/ 26 марта 2020

Пожалуйста, попробуйте использовать префикс webkit вместе с CSS свойствами, надеюсь, это для Android платформы

...