更改自动对焦样式

Question

我在页面上有一个文本字段，我已经设置了自动对焦，因此光标放在文本字段中输入，我的问题是这个......

我已将边框半径设置为30px，以便文本字段在浏览器中显得更加智能，对眼睛更友好，但自动自动对焦不会考虑弯曲边缘并将文本字段突出显示为一个看起来很愚蠢的矩形。

有没有办法使用CSS可以改变这一点，以便自动对焦突出显示弯曲的文本字段而不是默认的方形边缘？

由于

Answer 1

input[type='text']:focus{
 border-radius:30px;
 outline:none;
}​

<input type="text" autofocus="true"/>​

DEMO