JS/HTML：可編輯的，多行文本沒有下劃線

Question

在我的HTML代碼中，我有一個可編輯的，textarea的是這樣的：

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

默認的文本中現在有一個虛線下劃線。我不想要虛線下劃線，但我不明白。我嘗試了以下幾種風格：

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

但即使是文字修飾或文本下劃線也可以將其刪除。其他解決方案？

P.S. category.name保存在我的js數據中。我認爲它在這裏並不重要。可以是每個文本。

Answer 1

你必須改變邊框底部

添加這種風格：

border-bottom: none; 

Here你有一個工作提琴。

Answer 2

此代碼可以幫助你 -

js代碼

document.getElementById("editable-span").spellcheck = false; 

HTML

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

虛線出現可能是由於拼寫檢查。

Answer 3

請嘗試這種方式

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