xeditable - remove the underline

Question

I have this html and I dont 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 like and I wil remove the underline:

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

Answer 1

Please try this:

You can assign one class to the span elements holding the date like this and in css you can mention like :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 try this inline style also:

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