link_to A blue dot appears when nesting! How to erase
Introduction
When I specify the path using link_to, I get a strange blue dot under font awsome.
This time I would like to erase this mysterious blue dot.
Cause
What is the identity of this blue dot? When I nested the elements with link_to, they were displayed, so I thought it might be the underline that is attached to the a tag by default.
solution
First of all, since it is displayed at the bottom right of font awsome, I tried adding text-decoration: none; to the i tag, but there is no change.
Next, I added text-decoration: none; to the a tag, but there was no change here either.
I also suspected that the a tag might not be underlined by default, but I couldn't think of any other possibilities, so I tried adding text-decoration: none! Important; to the a tag. Saw.
It disappeared properly! !!
The bottom line is that there was a problem with CSS priorities.
Recommended Posts