input边框隐藏

<style type="text/css">

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"