html隐藏input边框线,css如何去掉input的边框?

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

1c572af462756043bc19e3536c54deb5.png

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:规定边框的宽度。

css去掉input边框示例:

Document

input {

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

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

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

}