Changing link underline color

Question

I wonder if there is any trick to solve this problem.

I have my link as below text and want to change the underline color.

This link contains in many

Answer 1

Paolo Bergantino's answer didn't seem to work for me in Chrome on OSX (v19.0.1084.56). However moving the span inside of the a tag seemed to do the trick.

The HTML

    Hello world
this is a test
of changing the underline colour
​

And the CSS

.underline{
    color: red;           
}

.underline span{
    color: gray;           
}

You can view it here: http://jsfiddle.net/itsmappleby/f4mak/