CSS выберите вход по классу

Question

Я попытался найти способ выбрать все входы формы по классам.

<form action="" class="registerForm">
   <input type="text" name="loginInput" class="registerInputField">
   <input type="email" name="emailInput" class="registerInputField">
   <input type="password" name="passwordInput" class="registerInputField">
   <input type="password" name="confirmPasswordInput" class="registerInputField">
   <input type="submit" value="Register">
   <input type="submit" value="Cancel">
</form>

Я пробовал: `

input.registerInputField{}
.registerForm > input[type=text]{}
input[type=text].registerInputField{}

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

Answer 1

Каждый из приведенных вами примеров работает. Без большего контекста, например, используете ли вы Angular, который добавляет в область видимости, которая может иметь значение, невозможно сказать, почему вы можете столкнуться с тем, что он не работает. Но это ясно работает:

input.registerInputField {
   background-color: purple;
}

<form action="" class="registerForm">
   <input type="text" name="loginInput" class="registerInputField">
   <input type="email" name="emailInput" class="registerInputField">
   <input type="password" name="passwordInput" class="registerInputField">
   <input type="password" name="confirmPasswordInput" class="registerInputField">
   <input type="submit" value="Register">
   <input type="submit" value="Cancel">
</form>