首页 > 代码库 > [CSS]textarea设置下划线格式
[CSS]textarea设置下划线格式
功能要求：
1：如何实现在多行文本框textarea里面每一行下面都有一条横线
2：textarea文本框里面有一段不能删掉
实现方法：
横线用背景图片来做，不动的文字用浮动层+给textarea增加text-indent来实现缩进。
源代码如下：
<!DOCTYPE html><html lang="zh"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta charset="utf-8" /> <title>Textarea设置下划线格式</title> <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(http://www.w3dev.cn/eg/linebg.gif) repeat;overflow:auto} </style></head><body> <div class="input"> <div class="word">护理措施:</div> <textarea class="input" rows="5" cols="50"></textarea> </div></body></html>
[CSS]textarea设置下划线格式
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。