javascript - JS/HTML : Editable-Textarea without underline

Question

在我的 html 代码中，我有一个像这样的可编辑文本区域:

<span editable-textarea="category.name">{{category.name}}</span>

默认情况下，文本现在有一条虚线下划线。我不想要虚线下划线，但我没有把它去掉。我尝试了以下样式:

<span editable-textarea="category.name" style="text-decoration: none; text-underline: none">{{category.name}}</span>

但即使是文本装饰或文本下划线也能解决问题。其他一些解决方案？

附言category.name 保存在我的 js 数据中。我认为它在这里并不重要。可以是任何文本。

Answer 1

你必须改变 border-bottom

添加此样式:

border-bottom: none;

Here你有一把能用的 fiddle 。