Подтвердить что ты не робот

Есть ли способ выбрать несколько типов полей ввода с помощью CSS?

У меня есть поле ввода текста и пароля, которое я пытаюсь выбрать таким образом:

input[type=text][type=password]

однако это не работает. Я бы воздержался от использования jQuery, поэтому любая помощь будет оценена (без использования пользовательских классов).

4b9b3361

Ответ 1

Вам нужно отдельно указывать атрибуты, повторяя типы при необходимости и используя запятую (ы):

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

Ваш выбранный селектор пытается сопоставить input с type, который является как text, так и password, но один элемент не может иметь разные значения для одного и того же атрибута, поэтому он терпит неудачу.

Ответ 2

Один из способов сделать это - в основном использовать parent> child или некоторые другие подходящие селекторы и перейти к двум отдельным форматам css для обоих входов.

div.form > .row > input[type='password']{color: blue; font:small-caption;font-size:16px;}
div.form > .row > input[type='text'],   div.form > .row > input[type='password']{color: blue;}

Примечание: установка шрифта пароля выше должна маскировать ваш ввод для паролей.

Другой способ - это ввод [type = 'password'], [type = 'text'], но это действительно не так эффективно, IMHO