欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS定义了圆角文本框,可是获得焦点时是方角,显得很难看_html/css_WEB-ITnose

程序员文章站 2022-06-05 21:55:33
...
这样定义的


.grade_text{border-radius:10px;cursor:pointer;text-indent:12px;}
.grade_text:focus{border-radius:10px;cursor:pointer;}
下面分别是没有和获得焦点时的样式


请问大家如何在获得焦点时还是让他为圆角呢。我已经加了.grade_text:focus{border-radius:10px;cursor:pointer;}


回复讨论(解决方案)

outline:none
添加一下这个属性试试

去掉外边框。

你用css定义了圆角文本框。那么在你的文本框获得焦点的时候,你也设置圆角的边框即可。

outline:none
添加一下这个属性试试

去掉外边框。


-------------------------------------------------------------------------
万分感谢。虽然只是个小问题,但能够体现朋友你的功底深厚。