Необходимо добавить три атрибута, чтобы изменить два ввода CSS

Я пытаюсь изменить дизайн двух полей ввода, где тип ввода - «электронная почта» и «пароль». Вот мой код CSS.

form input [type = "email"], [type = "password"], [type = "email"] {
color: black;
border-bottom: 2px solid red;
}

Этот фрагмент кода изменит дизайн полей ввода с типом «электронная почта» и «пароль».

form input [type = "email"], [type = "password"] {
color: black;
border-bottom: 2px solid red;
}

Однако этот фрагмент кода изменит только дизайн поля ввода с типом «пароль». Почему это происходит и как это исправить?

Спасибо!