input 标签 (详解)如何去除输入时边框

去掉input边框:

<input type="text"/>
input{
boder:0px;
}

去除点击后的边框:

input{
outline:none;
}

css去掉input边框代码:input {

border: 0; // 去除未选中状态边框

outline: none; // 去除选中状态边框

background-color: rgba(0, 0, 0, 0);// 透明背景

}

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性:border-width:规定边框的宽度。

border-style:规定边框的样式。

border-color:规定边框的颜色。

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

注释:轮廓线不会占据空间,也不一定是矩形。

outline 简写属性在一个声明中设置所有的轮廓属性。

可以按顺序设置如下属性:outline-color:规定边框的颜色。

outline-style:规定边框的样式。

outline-width:规定边框的宽度。

Guess you like

Origin blog.csdn.net/qq_52253798/article/details/120945512