在每行上创建点划线的文本区域 [英] Create text-area dotted on each line

问题描述

我想制作一个这样的联系表: http://line25.com/wp-content/uploads/2012/letter-form/20.jpg (多行文本区域，其中每行都有一个虚线下划线的边框，就像笔记本一样.字段的底部边框)

I would like to make a contactform like this one: http://line25.com/wp-content/uploads/2012/letter-form/20.jpg (a multi-line textarea where each line has a dotted border-bottom, like a notebook. So not just the bottom border of the field)

我已经拥有的名称和电子邮件字段:

#contactform input[type="text"]{
   border: none;
   border-bottom: dashed 2px #c9c9c9;
   width: 200px;
}

但是我似乎无法修复消息部分...?我以为这是一个带有某种样式的textarea，但是我似乎没有得到正确的效果...甚至可以分别设置每行的样式吗?

but I seem unable to fix the message part...? I thought it would be a textarea with some styling but I don't seem to get the right effect... Is it even possible to style each line separatly?

谢谢！

推荐答案

在 textarea 中使用点图像作为背景.

With textarea use an dot image as background.

#contactform textarea {
    background: url("dot-bg.png");
}

这篇关于在每行上创建点划线的文本区域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！