0

хоть и прописываю инпуту background-color: #fff

input:disabled {
  background-color: #fff;
  padding: 20px;
  border-radius: 15px;
  border: 1px solid #e9e8f4;

}

input {
  display: block;
  border: none;
  outline: none;
  appearance: none;
  color: red;
  -webkit-appearance: none;
  -moz-appearance: none;
}
<input type="text" disabled value="hgggwgwaga">

2
  • у меня отображается корректно. О какой версии сафари идет речь? Мобильная или десктопная?
    – Grundy
    7 фев 2022 в 22:18
  • @Grundy, Мобильная. Суть в том, что текст в инпуте немного не четкий. будто дали прозрачность
    – nastya
    7 фев 2022 в 22:45

1 ответ 1

-1

Попробуй сбросить стили для состояния disabled.

input:disabled {
  background-color: #fff;
  padding: 20px;
  border-radius: 15px;
  border: 1px solid #e9e8f4;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.