怎么实现输入文字的时候携带自定义的下划线

Question

如题，现在用法的是border-bottom实现自定义划线，但是如果换行的话又得新建一个div，设置border-bottom，涉及到判定字符换行的问题，字符换行又分中英文，无法简单的通过限定字符换行。

所以现在有没有其他好的办法实现这个输入时携带自定义下划线，换行后也有效果。

Answer 1

http://jsrun.net/PNvKp/edit

Answer 2

CSS 有专门的文字装饰属性，取值可以是下划线：

.your-text-wrapper{
    text-decoration: underline;
}

Answer 3

CSS实现文字下面波浪线动画效果

改改其他效果应该也能实现的