Zorkina_vica
@Zorkina_vica

Как стилизировать заполненный input без валидации?

612293ac7b767680097888.jpeg

Как можно стилизовать поле ввода, после внесения значения, если не задана валидация (required)? Стилизация необходима для всех полей, но не все они обязательны.
<input class="form-control" type="email" name="customer[email]" placeholder="Email">


input.form-control {
     width: 300px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px !important;
    border: 1px solid #C5C5C5;
    border-radius: 2px;
    padding: 17px 12px;
    min-height: 46px;
    line-height: 1.2;
    background-image: none;
}
input.form-control:focus {
    border: 1.5px solid rgba(162, 162, 162, 0.35);
    box-shadow: 0 0 1px 5px rgb(199 237 255 / 40%), 0 0 0 2px rgb(0 173 255 / 23%);
}
  • Вопрос задан
  • 125 просмотров
Пригласить эксперта
Ответы на вопрос 1
В CSS нет селектора для input в зависимости от того ввел пользователь что-то или нет. Поэтому единственный способ - это применить такой хак с required:
https://jsfiddle.net/g854jk31/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы