Changing <hr /> color

..with css - How is it done?

[Nick_W]

Hi everyone,

I can't seem to change the color of my horizontal rules?

This doesn't work:

hr {
color: #CC0000;
}

Why not, and what's the solution?

Thanks

Nick

[bobriggs]

I have used this property on <hr>, however it only seems to work on IE. Mozilla and Opera do not seen to support it, and that may be because they're being strict about the definition:

This property describes the foreground color of an element's text content...

[w3.org...]

[Nick_W]

Mozilla and Opera

Right! Building on Linuz so that's exactly waht I'm testing on ;)

Cheers

Nick

[imaputz]

I had this problem some time ago... after some hunting around I found this page:

[sovavsiti.cz...]

hope that helps.

[edit_g]

You can also define an empty div which only has a top or bottom border and use this in place of an hr. This way you can also have dotted and dashed hr's.

[lorax]

That's brilliant edit_g!