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

[Anonymous]

Я хочу изменить цвет границы текста в фокусе. Но мой код, кажется, не работает должным образом. < /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;
}< /code>

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