javascript - 每行文本下方有线条的文本区域

Question

<分区>

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/