HTML / CSS - изменение свойств текстового поля

Question

Можно ли изменить свойства текстового поля, когда оно выбрано / активно (то есть набирается). Я хотел бы просто изменить цвет границы, но я ничего не нашел о том, как на самом деле это сделать.

Я пытался использовать: active, но это работает только при нажатии мыши (очевидно, я думаю)

Answer 1

требуемый селектор называется :focus

Answer 2

Чтобы изменить границу поля ввода, когда оно выбрано / активно, используйте: focus

Пример ниже:

HTML:

<input type="text" id="ageField" name="age" />

CSS:

#ageField:focus {
    border-color: #F00;
}

Объяснение / Подробности @ W3Schools CSS: селектор фокуса

Answer 3

Вы ищете HTML-элементы onFocus / onBlur. С их помощью вы можете использовать Javascript для изменения тегов цвета / стиля.

Учебник onFocus / onBlur