Dhanushka Dhanushka - 3 months ago 20
CSS Question

Remove underlining caused by abbr tag

I use the

<abbr>
tag to show the full content of some trimmed words with the css property
text-overflow:ellipsis
.

When using
<abbr>
these words get a dotted underline and on hover cursor changes to one with a question mark. How do I get rid of these?

I managed to change it using this. Is there anything wrong with this approach?

abbr[titile] {
border-bottom: none !important;
cursor: default !important;
}

Answer

It sets a border. Remove that:

border:none

example: http://jsfiddle.net/kbggLevn/