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