Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can you style a <abbr> tag?

Tags:

html

abbr

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

like image 954
Jacob Gray Avatar asked Mar 21 '14 21:03

Jacob Gray


People also ask

What is the purpose of using abbr tag in CSS?

Definition and Usage The <abbr> tag defines an abbreviation or an acronym, like "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM". Tip: Use the global title attribute to show the description for the abbreviation/acronym when you mouse over the element.

How do I remove dots from abbreviated tags?

This can be removed using the CSS property text-decoration . An <abbr> element without underline. HTML is what we study today.


1 Answers

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;
like image 142
luminancedesign Avatar answered Oct 20 '22 19:10

luminancedesign