xeditable - 删除下划线答案

【问题标题】：xeditable - remove the underlinexeditable - 删除下划线
【发布时间】：2016-08-26 05:41:30
【问题描述】：

我有这个 html，但我不知道如何删除下划线：

<span>
   <span editable-text="entry.startTime" data-e-style="width:45px; height:28px; padding:0;">{{entry.startTime}}</span> - 
   <span editable-text="entry.endTime" data-e-style="width:45px; height:28px; padding:0;">{{entry.endTime}}</span>
</span>

这是它的样子，我将删除下划线：

[已解决] 样式=“边框：无；”做到了

【问题讨论】：

寻求代码帮助的问题必须包含重现它所需的最短代码在问题本身中最好在Stack Snippet 中。见How to create a Minimal, Complete, and Verifiable example

标签： css x-editable

【解决方案1】：

请试试这个：

您可以将一个类分配给保存日期的跨度元素，在 css 中您可以提及：span.no_underline{text-decoration:none}

<span>
   <span class="no_underline" editable-text="entry.startTime" data-e-style="width:45px; height:28px; padding:0;">{{entry.startTime}}</span> - 
   <span class="no_underline" editable-text="entry.endTime" data-e-style="width:45px; height:28px; padding:0;">{{entry.endTime}}</span>

或者你也可以试试这个内联样式：

<span>
   <span class="no_underline" editable-text="entry.startTime" data-e-style="width:45px; height:28px; padding:0;text-decoration:none">{{entry.startTime}}</span> - 
   <span class="no_underline" editable-text="entry.endTime" data-e-style="width:45px; height:28px; padding:0;text-decoration:none">{{entry.endTime}}</span>
</span>

【讨论】：

感谢您的回答。很抱歉，这不会改变任何事情。