JS/Html: Editierbare-Textbereich ohne Unterstreichungs

Question

In meinem HTML-Code, ich habe eine editierbare-Textbereich wie folgt aus:

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

standardmäßig der Text nun eine punktierte unterstrichen hat. Ich möchte die gepunktete Unterstreichung nicht, aber ich verstehe es nicht. Ich habe es mit den folgenden Stylings versucht:

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

Aber auch Text-Dekoration oder Text-Unterstreichung bekommen es weg. Einige andere Lösungen?

P.S. category.name wird in meinen js-Daten gespeichert. Ich denke, es ist nicht wichtig hier drin. Kann jeder Text sein.

Answer 1

Sie müssen sich ändern border-bottom

diesen Stil hinzufügen:

border-bottom: none; 

Here Sie haben eine Arbeits Geige.

Answer 2

können Sie Dieser Code helfen -

js Code

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

html

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

die gepunktete Linie Prüfung buchstabieren kann aufgrund erscheint.

Answer 3

Bitte versuchen Sie auf diese Weise

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