Textarea在每行文本下面有一行

Question

如何在每行文本下设置一个带有线条的textarea,如下图所示:

Answer 1

我已经在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">
        I like my name because:<br />
<textarea></textarea>
</div>

演示:http: //jsfiddle.net/TV47t/1/