Есть ли способ выбрать несколько типов полей ввода с помощью CSS?
У меня есть поле ввода текста и пароля, которое я пытаюсь выбрать таким образом:
input[type=text][type=password]
однако это не работает. Я бы воздержался от использования jQuery, поэтому любая помощь будет оценена (без использования пользовательских классов).
Ответы
Ответ 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