[CSS]textarea设置下划线格式
2017-01-06 16:11
369 查看
功能要求:
1:如何实现在多行文本框textarea里面每一行下面都有一条横线
2:textarea文本框里面有一段不能删掉
实现方法:
横线用背景图片来做,不动的文字用浮动层+给textarea增加text-indent来实现缩进。
源代码如下:
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>
相关文章推荐
- web developer tips (16):变更CSS编辑器的默认格式设置
- web developer tips (16):变更CSS编辑器的默认格式设置
- CSS 设置a标签的下划线颜色(a tag underline)
- css超链接中的下划线设置
- [C#]设置RichTextBox的字体格式:粗体、斜体、下划线 【转】
- 实例讲解用CSS设置多彩的连接下划线
- 在CSS中设置文本和字体格式
- CSS下划线与文字间距,下划线粗细以及下划线颜色的设置
- css基础 vertical-align 设置文字与textarea对齐的方式
- c#.net 文本编辑控件——设置RichTextBox的字体格式:粗体、斜体、下划线
- css 取消超链接下划线和设置字体颜色
- 用CSS设置的border属性及标签不显示下划线
- HTML-CSS-JS Prettify 格式参数设置
- CSS中的textarea的一些设置之resize属性(个人笔记)
- web developer tips (16):变更CSS编辑器的默认格式设置
- CSS对指定页面元素的的格式设置的方式
- AS3使用CSS设置格式
- 【CSS】textarea标签中resize属性的设置
- CSS下划线与文字间距,下划线粗细以及下划线颜色的设置
- CSS基础 a active设置所有,点击超链接文本时下划线消失