When hovering over a link that has the border-bottom: 1px dotted; rule, it doesn't remove it when adding a text-decoration: underline;.

Either change the text-decoration: underline; to a border-bottom: 1px solid; or add a border-bottom: none; to it. alt text http://img99.imageshack.us/img99/7445/googlechromescreensnapz.jpg

  • Blank link comment.
    – Josh K
    May 16, 2010 at 3:26
  • @Josh: It doesn't look completed to me either. (I'm on Chrome)
    – Senseful
    May 16, 2010 at 3:34
  • As am I, let me double check in Safari. Is it just me, or is Chrome the new "IE" with weird issues everyone keeps having?
    – Josh K
    May 16, 2010 at 3:39
  • Well Safari uses the same rendering engine... right? Maybe you should check Firefox?
    – Senseful
    May 16, 2010 at 3:44
  • Blah, I'm too lazy to start up that beast. They may use the same engine but I believe the implementation is a little different. Not to mention that the new rule should simply remove the text-decoration, not add a solid bottom border.
    – Josh K
    May 16, 2010 at 3:55
  • I'm seeing the change now, and the color does change. It'd still be nice to have that solid bottom border, though style however you want. :)
    – Josh K
    May 16, 2010 at 6:16

1 Answer 1


Good idea; it's only an issue on comments, so relatively minor.

I added

.comment-text a:hover
    color: #6C0000;
    border-bottom: 1px #6C0000 dotted;
    text-decoration: none;
  • I think you misunderstood, that should be solid not dotted otherwise there won't be a difference between the :link and :hover states. Unless I'm misunderstanding, which is entirely possible at this time of the day (night).
    – Josh K
    May 16, 2010 at 3:30

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .