underline/overline color

Hey, Is it possible to change the underline color without changing the text color?

I'm trying to set-up a class that will set the text's color to royalblue and also set the text-decoration to both underline and overline with a color of red.
In otherwords, I want the text color royal blue and the underline and overline color red.
Is this possible?

Here's what I got so far:

<style type="text/css">
.page_number{
color: royalblue;
text-decoration: underline overline;
/* Change the underline & overline color to red */
}
</style>
Read pages <font class="page_number">157-182</font> and <font class="page_number">188-198</font> in The Age of Spiritual Machines.You should be using the SPAN tag instead of the FONT tag.


<style type="text/css"><!--
.page_number {
color: royalblue;
border: solid 1px #f00;
border-left: none;
border-right: none;
}
--></style>Yeah, Nice work-around :)
 
Back
Top