textarea 聚焦后边框_html - 如何更改textarea的边框颜色：focus

原谅我这是一个愚蠢的问题，但我需要帮助。我想在焦点上改变TEXTAREA的边框颜色。 但我的代码似乎没有正常工作。

请查看小提琴上的代码。

这是CSS

.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;

}