Can you style a <abbr> tag?

html abbr
Jacob Gray picture Jacob Gray · Mar 21, 2014 · Viewed 11.5k times · Source

Can you style a <abbr> tag using css? In firefox, it is displayed with dots underneath the words like in the picture below:
enter image description here

Is this a browser by browser thing? can you remove the dots or do you just use the title="title here" option? thanks

Answer

luminancedesign picture luminancedesign · Aug 13, 2015

Firefox 40 has a small change:

https://developer.mozilla.org/en-US/Firefox/Releases/40/Site_Compatibility#CSS

To remove default underline in Firefox, you now need to set CSS:

text-decoration: none;

Related questions

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 …

Read More
Difference between <acronym> and <abbr>?

Definitionally they seem the same, yet they are deemed dissimilar enough by the W3C to have separate tag definitions. What is the semantic difference between <acronym> and <abbr> in terms of linguistics, the HTML spec …

Read More
How to create an HTML button that acts like a link?

I would like to create an HTML button that acts like a link. So, when you click the button, it redirects to a page. I would like it to be as accessible as possible. I would also like it so …

Read More