Textarea'nın kenarlık rengi nasıl değiştirilir: focus

Question

Beni affet, bu aptalca bir soru, ama yardıma ihtiyacım var. TEXTAREA'nın kenarlık rengini odakta değiştirmek istiyorum. ama kodum düzgün çalışmıyor gibi görünüyor.

Lütfen fiddle numaralı telefonu görüntüleyin. Bir textarea var odak olarak: Burada

<form name = "myform" method = "post" action="insert.php" onsubmit="return validateform()" style="width:40%"> 
     <input type="text" placeholder="Enter Name." name="name" maxlength="300" class="input"> 
     <input type="email" placeholder="Enter E-mail." name="address" maxlength="300" class="input"> 
     <textarea placeholder="Enter Message." name="descrip" class="input" ></textarea>  
<br> 
<input class="button secondary" type=submit name="submit" value="Submit" > 
</form> 

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

Answer 1

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

http://fiddle.jshell.net/ffS4S/3/

Answer 2

bir giriş vardır olduğunu

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