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

CSS: несколько селекторов атрибутов

Я хотел бы вписать формы ввода типа "email" и "password", но не что-то еще. Я представлял себе что-то вроде следующего:

input[type="email"][type="password"] {
    ....
}

Однако, как работают селекторы атрибутов, он интерпретирует это как "вход, где тип одновременно является" электронной почтой "и" паролем ". То, что я собираюсь, это" вход, где тип является либо "электронной почтой", либо "паролем". Конечно, ничто не является как типом электронной почты, так и паролем типа одновременно.

Можно ли написать правило CSS, которое или через несколько разных селекторов атрибутов?

Для справки, HTML будет выглядеть примерно так:

<form id="login" onsubmit="return fadeaway()">
    <fieldset>
    <input type="email" placeholder="username"/> <br />
    <input type="password" placeholder="password"/> <br />
    </fieldset>
</form>
4b9b3361

Ответ 1

Просто сделайте следующее:

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