当前位置: 代码迷 >> JavaScript >> jsp页面中input、textArea除了边框样式
  详细解决方案

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

热度:122   发布时间:2013-07-16 22:38:05.0
jsp页面中input、textArea去除边框样式
去掉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的用法相似,这里不再累述。
  相关解决方案