CSS文本輸入--- JS小提琴包括

Question

這裏是一個的jsfiddle：

http://jsfiddle.net/1kjgkkkc/1/

HTML：

<form> 
    First name: <input type="text" name="fname"> 
</form> 

CSS：

input { 
border-radius: 10px; 

} 

input:focus { 
background: #CEECF5; 

} 

當選擇輸入框出現一個矩形輪廓。關於如何將這個矩形輪廓一起移除或者至少將其與輸入框放在同一半徑上的任何想法？

Answer 1

只需添加

outline:0; 

到

input:focus { 
background: #CEECF5; 

outline:0; /* << this */ 
} 

Working Fiddle