改變自動對焦方式

Question

我有一個頁面上的文本字段，我已經設置了自動對焦，使光標置於文本字段中鍵入，我的問題是這樣的......

我設置了一個border-radius設置爲30px，這樣文本字段在瀏覽器中顯得更加智能，對眼睛更友好，但自動自動對焦不考慮曲面邊緣，並將文本字段突出顯示爲矩形，這看起來很愚蠢。

有沒有一種方法可以通過使用CSS來改變自動對焦，以便自動對焦突出顯示曲面文本字段而不是默認的方形邊框？

感謝

Answer 1

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

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

DEMO