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

这样定义的 
 

.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
添加一下这个属性试试

去掉外边框。

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