HTML-Etikett vor dem Eingang CSS-hover-Staaten

Ich habe ein Formular, wo ich legte meine Etiketten vor Eingaben wie diese:

<label for="email">Confirm Email</label>
<input type="text" id="email" />
<label for="firstname">First Name</label>
<input type="text" id="firstname" />
<label for="lastname">Last Name</label>
<input type="text" id="lastname" />
<label for="company">Company</label>
<input type="text" id="company" />

Wenn ich versuche, verwenden Sie die CSS-style, das label, wenn ich bewegen Sie die Eingänge wie folgt aus (input:hover + label), die CSS für das nächste Etikett anstatt auf die, die das for= Eigenschaft. Zum Beispiel, wenn ich versuche, Sie zu bewegen Sie den E-Mail-Eingang, - es gelten die input:hover+label Effekt auf dem 2. Etikett mit for="firstname".

Meine design-Struktur-Etiketten auf der Oberseite und Eingänge unter Ihnen, so kann ich nicht wechseln Ihre position.

Gibt es eine Lösung für dieses?

Schreibe einen Kommentar