首頁 > web前端 > html教學 > CSS定义了圆角文本框,可是获得焦点时是方角,显得很难看_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-24 11:58:22
原創
1356 人瀏覽過

这样定义的 
 

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

去掉外边框。


-------------------------------------------------------------------------
万分感谢。虽然只是个小问题,但能够体现朋友你的功底深厚。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板