input:valid/invalid
input:valid/invalid
by Boba Poshtar
HTML
<p><label><input type="email" required></label></p>
<p>
<label>
Наведи на цей текст мишу, клікни, празрєй:
<button>aaa</button>
<input>
</label>
</p>CSS
input { border: 3px solid silver; outline: none !important;}
input:valid { border-color: green; }
input:invalid { border-color: red; }
button:hover { color: orange;}