Why doesn't <hr />'s colour change?

Question

I've got the following...

 <hr style="color:#292929;background-color:#292929;"/>

but the colour isn't changing to the HTML colour code I've declared. Why not?

Answer 1

Set border-color.

Answer 2

the hr tag is a bit tricky vs other elements to style. Which things work and which ones don't is very browser dependent.

A cache of tricks (including coloration) is available here: http://webdesign.about.com/od/beginningcss/a/style_hr_tag.htm

Answer 3

1. Try giving it a height like 5px;
2. Give it your border styles but with 0px width.
3. Re-apply a 1px width to either top or bottom:

Result:

<hr style="height: 5px; border: 0px solid #D6D6D6; border-top-width: 1px;" />

Answer 4

instead of: color:#292929;

use: border-color:#292929;

Answer 5

just use a p tag with border, above unswers give no result for me...

<p style="border-bottom: 1px solid #D6D6D6; padding-bottom: 20px; margin-bottom: 20px"></p>

Answer 6

Try styling the border instead