How to remove the underline for anchors links

Question

Is there anyway  in CSS  to avoid the underline for the text and links introduced in the page

User · Answer

Best Option for you if you just want to remove the underline from anchor link only-  content a       text-decoration-line none     This will remove the underline  Further  you can use a similar syntax for manipulating other styles too using- text-decoration  none  text-decoration-color  blue  text-decoration-skip  spaces  text-decoration-style  dotted   Hope this helps  P S - This is my first answer ever

User · Answer

Use CSS  this removes underlines from a and u elements   a  u       text-decoration  none      Sometimes you need to override other styles for elements  in which case you can use the  important modifier on your rule   a       text-decoration  none  important

User · Answer

When you want to use an anchor tag simply as a link without the added styling  such as the underline on hover or blue color  add  class  quot no-style quot  to the anchor tag  Then in your global stylesheet create the class  quot no-style quot    no-style       text-decoration  none  important     This has two advantages   It will not affect all anchor tags  just the ones with the  quot no-style quot  class added to them  It will override any other styling that may otherwise prevent setting text-decoration to none

User · Answer

The css is   text-decoration  none    and  text-decoration  underline

User · Answer

To provide another perspective to the problem  as inferred from the title contents of the original post    If you want to track down what is creating rogue underlines in your HTML  use a debugging tool  There are plenty to choose from   For Firefox there is FireBug   For Opera there is Dragonfly  called  Developer tools  in the Tools- Advanced menu  comes with Opera by default    For IE there is the  Internet Explorer Developer Toolbar   which is a separate download for IE7 and below  and is integrated in IE8  hit F12    I ve no idea about Safari  Chrome and other minority browsers  but you should probably have at least one of the three above on your machine anyway

User · Answer

in my case there was a rule about hover-effect by the anchor  like this   content a hover       border-bottom  1px solid  333     Of course  text-decoration  none  could not help in this situation  And I spend a lot of time until I found it out  So  An underscore is not to be confused with a border-bottom

User · Answer

lt u gt    is a deprecated tag   Use      lt span class  underline  gt My text lt  span gt    with a CSS file containing     span underline       text-decoration  underline        or just      lt span style  text-decoration underline  gt My Text lt  span gt

User · Answer

This will remove your colour as well as the underline that anchor tag exists with a       text-decoration  none      a hover       color white      text-decoration none      cursor pointer

User · Answer

The simplest option is this    lt a style  text-decoration  none  gt No underline lt  a gt    Of course  mixing CSS with HTML  i e  inline CSS  is not a good idea  especially when you are using a tags all over the place  That s why it s a good idea to add this to a stylesheet instead   a       text-decoration  none      Or even this code in a JS file   var els   document getElementsByTagName  a     for  var el   0  el  lt  els length  el          els el  style  text-decoration      none

User · Answer

Use css property   text-decoration none    To remove underline from the link

User · Answer

Don t forget to either include stylesheets using the link tag  http   www w3schools com TAGS tag link asp  Or enclose CSS within a style tag on your webpage    lt style gt    a   text-decoration none      p   text-decoration underline     lt  style gt    I wouldn t recommend using the underline on anything apart from links  underline is generally accepted as something that is clickable  If it isn t clickable don t underline it   CSS basics can be picked up at w3schools

User · Answer

Sometime it will override by some rendering UI CSS  Better to use   a className       text-decoration  none  important

User · Answer

I ve been troubled with this problem in web printing and solved  Verified result   a       text-decoration  none  important      It works

User · Answer

Use CSS to remove text-decorations   a       text-decoration  none

User · Answer

The underline may be removed by a CSS property called text decoration   lt style gt      a           text-decoration none         lt  style gt   If you want to remove the underline for the text present in the elements other than a  the following syntax should be used   lt style gt      element-name          text-decoration none         lt  style gt   There are many other text-decoration values that may help you to design links

[html] How to remove the underline for anchors(links)?

Examples related to html

Examples related to css

Examples related to underline