css – xeditable – 删除下划线

2019年7月21日 219次阅读

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

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

《css – xeditable – 删除下划线》

[解决了]
style =“border：none;”做到了

最佳答案 请试试这个：

您可以将一个类分配给包含这样日期的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>
点赞