jsp页面中input、textArea去除边框样式

切慕溪水 2013-07-11

去掉input的边框样式:

style='border-left:0px;border-top:0px;border-right:0px;border-bottom:1px'

去掉textArea的边框样式:

style='overflow:auto;background-attachment:fixed;background-repeat:no-repeat;border-style:solid;border-color:#FFFFFF'

下面是简单的用法:

1.如果是直接写在input标签里面的情况,写法如下:

<input type="text" style="border-left:0px;border-top:0px;border-right:0px;border-bottom:1px " value=""/>

2.如果是用css样式控制,写法如下:

首先定义一个input标签,并给input标签一个类名(class="input1")

<input type="text" class="input1" value=""/>

css样式的写法,创建一个css文件,如test.css。

test.css文件中代码如下:

.input1{border-left:0px;border-top:0px;border-right:0px;border-bottom:1px;}

注意的是要将含有上面的input标签的页面引入test.css文件,代码如下:

<link rel="stylesheet" href="test.css" type="text/css"></link>

textArea的用法和input的用法相似,这里不再累述。

相关推荐