CSS中去除input边框问题

时间:2024-03-08 18:00:06

一般我们在使用input标签时,都默认带有四个方向的边框,但为了好看我们有需要去掉边框的需求。可以设置如下样式:

input{

       border:0;​

}​

不过如此设置的话在文本框获取焦点要输入时还是会有边框,解决方法是加上如下样式设置:

input{

      outline:medium;

}​

即能实现。

W3C中定义的outline属性:

outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。​