Как изменить границу цвет текста на: Фокус ⇐ Html

[Anonymous]

Я хочу изменить цвет границы текста в фокусе. Но мой код, кажется, не работает должным образом. < /P>
Код находится на скрипке.






< /code>
Вот css < /p>
.input {
border:0;
padding:10px;
font-size:1.3em;
font-family:"Ubuntu Light","Ubuntu","Ubuntu Mono","Segoe Print","Segoe UI";
color:#ccc;
border:solid 1px #ccc;
margin:0 0 20px;
width:300px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

input:focus {
outline: none !important;
border-color: #719ECE;
box-shadow: 0 0 10px #719ECE;
}


Подробнее здесь: https://stackoverflow.com/questions/161 ... a-on-focus