xeditable - 删除下划线

时间:2016-05-01 10:54:55

标签: css x-editable

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

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

Picture

[解决] style =&#34; border:none;&#34;做到了

1 个答案:

答案 0 :(得分:2)

请试试这个:

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