input边框隐藏

来源：互联网发布：显示器颜色校准软件编辑：程序博客网时间：2024/05/21 11:02

textarea {border-left: 0;border-right: 0;border-top: 0; border-bottom: 0;}
input[type="text"] {border-style:none}
select {border-style:none}

</style>

border-style:none,比border-left: 0;border-right: 0;border-top: 0; border-bottom: 0;有效果，因为后者有的实现不了功能。

*form表单中，有的时候需要隐藏边框，然后用下划线代替，

1、设置input下边框为红色；

2、设置input外的table的边线为红色，如下：

边线为红色

style="BORDER-BOTTOM: red 1pt solid; BORDER-LEFT: red 1pt; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; VERTICAL-ALIGN: middle; WORD-BREAK: break-all; BORDER-TOP: red 1pt; BORDER-RIGHT: red 1pt; PADDING-TOP: 1px

边线不为红色：

style="BORDER-BOTTOM: rgb(0,0,0) 1pt; BORDER-LEFT: rgb(0,0,0) 1pt; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; VERTICAL-ALIGN: middle; BORDER-TOP: rgb(0,0,0) 1pt; BORDER-RIGHT: rgb(0,0,0) 1pt; PADDING-TOP: 1px"

0 0