Here you go:
.glowing-border { border: 2px solid #dadada; border-radius: 7px; } .glowing-border:focus { outline: none; border-color: #9ecaed; box-shadow: 0 0 10px #9ecaed; }
Live demo: http://jsfiddle.net/simevidas/CXUpm/1/show/
(to view the code for the demo, remove “show/” from the URL)
label { display:block; margin:20px; width:420px; overflow:auto; font-family:sans-serif; font-size:20px; color:#444; text-shadow:0 0 2px #ddd; padding:20px 10px 10px 0; } input { float:right; width:200px; border:2px solid #dadada; border-radius:7px; font-size:20px; padding:5px; margin-top:-10px; } input:focus { outline:none; border-color:#9ecaed; box-shadow:0 0 10px #9ecaed; }
<label> Aktuelles Passwort: <input type="password"> </label> <label> Neues Passwort: <input type="password"> </label>