Html 更改自动对焦样式

我在一个页面上有一个文本字段，我已经设置了自动对焦，所以光标被放置在文本字段中键入，我的问题是

我已经将边框半径设置为30px，这样文本字段在浏览器中看起来更智能，在视觉上更友好，但是自动对焦没有考虑曲线边缘，而是将文本字段高亮显示为矩形，这看起来很愚蠢

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

谢谢

输入[type='text']：焦点{
边界半径：30px；
大纲：无；
}​
​

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

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