css - xeditable - 删除下划线

Question

我有这个 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>

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

[已解决] 风格=“边框:无；”做到了

Answer 1

请试试这个:

你可以像这样为保存日期的 span 元素分配一个类，在 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>