Несколько вариантов вида label зависимости от input?

Question

[Postraner]

У меня label идет перед input (inlut:focus + label не работает). Получилось с помощью jquery сделать только для события focus, но нужно еще valid и invalid. Код с focus

$("input").focus(function() {
      $("label[for='" + this.id + "']").addClass("label-focus");
    }).blur(function() {
      $("label").removeClass("label-focus");
    });

Подскажите как сделать? Заранее спасибо.

Answer 1

[Андрей Федоров]

label должен быть за input, тогда будет работать селектор css input:valid + label. label'ов может быть несколько для одного input.

Comments

[Postraner]

Спасибо огромное!

[Postraner]

А как быть если у меня label должен находится строго над input и нельзя наоборот?

[Zhainar]

Postraner: только js

Answer 2

[MNB]

input:focus + label
+ вариации
input:valid
input:invalid
input:checked
input:disabled
и тд