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