a {
color: #E6EDF5;
text-decoration: none;
background-color: transparent;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
}

a:visited {
color: #E6EDF5;
text-decoration: none;
background-color: transparent;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
}

a:hover {
color: #F37821;
background-color: transparent;
border-color: #98D2E7;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
text-decoration: none;
}


3 Responses to “The dotted underline link css dealio”

  1. Well, it only took one and a half year for someone to pop up and profuse thank you for the solution – but here I am! Thankee, thankee, thankee…

    Perfect solution for what I wanted!

  2. Oh thanks for the code!!! great work ^^

  3. Agreed!

    Fantastic stuff. And, actually, when I looked twice, I was surprised to see that I was using this code to mod the links in one of your Themes! lol

    The Heckerped theme, which is really sweet.

    Thanks very much. Greatly appreciated.

    Regards,
    TheNightOwl

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>