Условия, реакция на событие, возможно ли такое?

Question

Рейтинг: 1Ответов: 2Опубликовано: 11.03.2015

Доброго времени суток.

Появился такой вопрос о css3. Есть 3 поля, определяю их по типу:

input[type="text"],
input[type="password"],
input[type="email"],

Также есть поле - [type="submit"].

Так вот нужно сделать, чтобы когда все 3 поля required:valid, то вот это поле [type="submit"] можно было оформить по своему вкусу.

Answer 1

▲ 2Принят

Этот код будет работать при условии, что все инпуты являются siblings.

[type="text"]:valid ~ [type="password"]:valid ~ [type="email"]:valid ~ [type="submit"] {
  background-color: green;
}

Answer 2

▲ 1

Вот как-то так:

input:valid + input[type="submit"] { ... }

Почитайте про соседние и родственные селекторы

Ответы