Remove stubborn underline from link

Question

I am attempting to have a link show up in white  without an underline  The text color shows up correctly as white  but the blue underline is stubbornly persisting  I tried text-decoration  none  and text-decoration  none  important  in the CSS to remove the link underline  Neither worked     x000D   x000D   boxhead  otherPage   x000D    color   FFFFFF  x000D    text-decoration  none  x000D    x000D   lt div class  boxhead  gt  x000D     lt h2 gt  x000D       lt span class  thisPage  gt Current Page lt  span gt  x000D       lt a href  myLink  gt  lt span class  otherPage  gt Different Page lt  span gt  lt  a gt  x000D     lt  h2 gt  x000D   lt  div gt  x000D   x000D   x000D    How can I remove the blue underline from the link

User · Answer

a       color  unset      text-decoration  unset

User · Answer

You missed  text-decoration none for the anchor tag  So code should be following    x000D   x000D   boxhead a   x000D      text-decoration  none  x000D    x000D   lt div class  boxhead  gt  x000D       lt h2 gt  x000D           lt span class  thisPage  gt Current Page lt  span gt  x000D           lt a href  myLink  gt  lt span class  otherPage  gt Different Page lt  span gt  lt  a gt  x000D       lt  h2 gt  x000D   lt  div gt  x000D   x000D   x000D    More standard properties for text-decoration

User · Answer

Without seeing the page  hard to speculate   But it sounds to me like you may have a border-bottom  1px solid blue  being applied  Perhaps add border  none   text-decoration  none  important is right  it s possible that you have another style that is still overriding that CSS though   This is where using the Firefox Web Developer Toolbar is awesome  you can edit the CSS right there and see if things work  at least for Firefox  It s under CSS  gt  Edit CSS

User · Answer

If text-decoration  none or border  0 doesn t work  try applying inline style in your html

User · Answer

Just add this attribute to your anchor tag  style  text-decoration none    Example    lt a href  page html   style  text-decoration none   gt  lt  a gt    Or use the CSS way     classname a       color   FFFFFF      text-decoration  none

User · Answer

Sometimes what you re seeing is a box shadow  not a text underline   Try this  using whatever CSS selectors are appropriate for you    a hover  a visited  a link  a active        text-decoration  none important       -webkit-box-shadow  none important      box-shadow  none important

User · Answer

None of the answers worked for me  In my case there was a standard   a -webkit-any-link   text-decoration  underline    in my code  Basically whatever link it is  the text color goes blue  and the link stays whatever it is   So I added the code at the end of the header like this     lt head gt     lt  style gt      a -webkit-any-link         text-decoration  none           lt  style gt   lt  head gt    and problem is no more

User · Answer

You are not applying text-decoration  none  to an anchor   boxhead a  but to a span element   boxhead   Try this   boxhead a       color   FFFFFF      text-decoration  none

User · Answer

As a rule  if your  underline  is not the same color as your text  and the  color   is not overridden inline  it is not coming from  text-decoration   It has to be  border-bottom     Don t forget to take the border off your pseudo classes too   a  a link  a visited  a active  a hover  border 0 important     This snippet assumes its on an anchor  change to it s wrapper accordingly    and use specificity instead of   important  after you track down the root cause

User · Answer

set   text-decoration  none  for anchor tag  Example html   lt body gt       lt ul class  quot nav-tabs quot  gt           lt li gt  lt a href  quot   quot  gt  lt i class  quot fas fa-th quot  gt  lt  i gt Business lt  a gt  lt  li gt           lt li gt  lt a href  quot   quot  gt  lt i class  quot fas fa-th quot  gt  lt  i gt Expertise lt  a gt  lt  li gt           lt li gt  lt a href  quot   quot  gt  lt i class  quot fas fa-th quot  gt  lt  i gt Quality lt  a gt  lt  li gt       lt  ul gt   lt  body gt   Example CSS   nav-tabs li a    text-decoration  none

User · Answer

While the other answers are correct  there is an easy way to get rid of the underline on all those pesky links   a      text-decoration none      This will remove the underline from EVERY SINGLE LINK on your page

User · Answer

Here is an example for the asp net webforms LinkButton control     lt asp LinkButton ID  lbmmr1  runat  server  ForeColor  Blue    gt    Code behind    lbmmr1 Attributes Add  style    text-decoration  none

User · Answer

The anchor tag  link  also has pseudo-classes such as visited  hover  link and active  Make sure your style is applied to the state s  in question and that no other styles are conflicting   For example   a hover  a visited  a link  a active       text-decoration  none      See W3 org for more information on user action pseudo-classes  hover   active  and  focus

User · Answer

Put the following HTML code before the   lt BODY gt  tag    lt STYLE gt A  text-decoration  none    lt  STYLE gt

User · Answer

In my case  I had poorly formed HTML  The link was within a  lt u gt  tag  and not a  lt ul gt  tag

User · Answer

You ve used text-decoration none in the wrong selector  You need to check which tag do you need for decoration none    You may use this code   boxhead h2 a text-decoration  none     OR   boxhead a text-decoration  none  important     OR  a text-decoration  none  important

User · Answer

text-decoration  none  important should remove it    Are you sure there isn t a border-bottom  1px solid lurking about   Trace the computed style in Firebug F12 in IE

User · Answer

Just use the property  border 0    and you are covered  Worked perfectly for me when text-decoration property dint work at all

User · Answer

As others pointed out  it seems like you can t override nested text-decoration styles    BUT you can change the text-decoration-color   As a hack  I changed the color to be transparent    text-decoration-color  transparent

[css] Remove stubborn underline from link

Examples related to css

Examples related to hyperlink

Examples related to underline