Textarea在每行文本下面有行

问题描述

如何在每行文本下面设计一个textarea文本，如下图所示：

解决方案

我在jsfiddle中为你创建了这个，这是你在找什么？

 < style> 
 ._ta {
 background-color：＃AADDF2; 
 padding：10px; 
} 
 ._ta textarea {
 background：transparent url（http://s24.postimg.org/62v2ipx81/underline.png）repeat; 
 border：none; 
 height：150px; 
 width：300px; 
 overflow：hidden; 
 line-height：30px; 
 font-weight：bold; 
 color：＃FF9900} 
< / style> 
 
 
< div class =_ ta> 
我喜欢我的名字，因为：< br /> 
< textarea>< / textarea> 
< / div> 
  

演示：

How can I design a textarea with lines under each row of text like the image below:

解决方案

I have created this for you in jsfiddle, is this what you are looking for?

<style>
._ta {
    background-color:#AADDF2;
    padding:10px;
}
._ta textarea {
    background: transparent url(http://s24.postimg.org/62v2ipx81/underline.png) repeat;
    border:none;
    height:150px;
    width:300px;
    overflow:hidden;
    line-height:30px;
    font-weight:bold;
    color:#FF9900}
</style>


<div class="_ta">
        I like my name because:<br />
<textarea></textarea>
</div>

demo:http://jsfiddle.net/TV47t/1/

这篇关于Textarea在每行文本下面有行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！