>  기사  >  웹 프론트엔드  >  CSS定义了圆角文本框,可是获得焦点时是方角,显得很难看_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 11:58:221332검색

这样定义的 
 

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

去掉外边框。


-------------------------------------------------------------------------
万分感谢。虽然只是个小问题,但能够体现朋友你的功底深厚。
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.