Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我在页面上有一个文本字段,并且我已经设置了自动对焦,以便将光标放置在文本字段中输入,我的问题是......
我已将边框半径设置为 30px,以便文本字段在浏览器中显得更智能,对眼睛更友好,但是自动自动对焦不考虑弯曲边缘并将文本字段突出显示为矩形,这看起来很愚蠢。
有没有办法通过使用 CSS 来改变它,以便自动对焦突出显示弯曲的文本字段,而不是默认的方形边缘?
谢谢
input[type='text']:focus{ border-radius:30px; outline:none; } <input type="text" autofocus="true"/>
演示