textarea设置下划线格式

功能要求:
1:如何实现在多行文本框textarea里面每一行下面都有一条横线  
2:textarea文本框里面有一段不能删掉

实现方法:
横线用背景图片来做,不动的文字用浮动层+给textarea增加text-indent来实现缩进。

源代码如下

<style type="text/css">
.input{position:relative}
.word{position:absolute;line-height:20px;left:0px;top:1px;z-index:10;background:#fff}
.input textarea{border:none; text-indent:75px;line-height:20px;background:url(/eg/linebg.gif) repeat;overflow:auto}
</style>
<div class="input"><div class="word">护理措施:</div>
<textarea class="input" rows="5" cols="50"></textarea></div>

原创文章,转载请注明出处:textarea设置下划线格式

评论(0)Web开发网
阅读(2480)喜欢(4)不喜欢(1)HTML/CSS兼容/XML