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

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

WBOY
Freigeben: 2016-06-24 11:58:22
Original
1355 Leute haben es durchsucht

这样定义的 
 

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

去掉外边框。


-------------------------------------------------------------------------
万分感谢。虽然只是个小问题,但能够体现朋友你的功底深厚。
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage