CSS/HTML: Create A Glowing Border Around An Input Field
Answer : 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> How about something like this... ht...