При наведении на label срабатывает hover input. Почему?

Question

[smartbe]

Я input задал поведение при ховере (сменить цвет текста у плейсхолдера и цвет обводки)

У label стоит атрибут for к этому input

Почему то когда на label навожусь, то срабатывает ховер у input

Вот обычное состояние



Вот когда навожусь по лейблу



Это стандартное поведение? Отменить нельзя никак?

Answer 1

[arsenty]

Да, это стандартное поведение. Отменить можно перезаписав поведение label, например:

label:hover {
  pointer-events: none;
}

Answer 2

[McBernar]

А если вы кликните в лейбл — фокус сместится в инпут. Это связанные элементы.