Rumah > hujung hadapan web > html tutorial > CSS定义了圆角文本框,可是获得焦点时是方角,显得很难看_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 11:58:22
asal
1355 orang telah melayarinya

这样定义的 
 

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

去掉外边框。


-------------------------------------------------------------------------
万分感谢。虽然只是个小问题,但能够体现朋友你的功底深厚。
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan