Xeditable - remove underline

I have this html and I don't know how to remove the underline:

<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>

This is how it looks, and I will remove the underline:

Picture

[SOLVED] style = "border: none;" did this

+4
source share
1 answer

Please try the following:

You can assign one class to span elements containing a date similar to this in css, which you can mention as: 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>

or you can also try this inline style:

<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>
+2
source

All Articles