style <hr>

Hej, jag vill att hr-linjerna på sidan ska vara heldragna och i en speciell färg. I HTML skriver man noshade i taggen, men hur gör man i CSS?

hr
	{
	color: #EEE1D0;
	}

Detta fungerar i IE men inte i Firefox.

Man gör som vanligt - man söker. :)
http://www.webforum.nu/showthread.php?s=&postid=659778#post659778
http://www.webforum.nu/showthread.php?s=&postid=648588#post648588

edit- jättefel, skulle färglägga min kod med förhandsgranska, inte skicka nytt svar.

Jag gör så här:

<hr class="linje" size="1">

.linje  {
background-color: #8B9DB5;
color: #8B9DB5;
}

Antingen:

hr { 
	height: 0;
	border: none;
	border-bottom: 1px solid red;
}

Eller:

hr {
	height: 1px;
	border: none;
	color: red;
	background: red;
}

Jag gillar den första bättre, för då kan man använda tex dashed border osv. :bire

Jag brukar få problem med marginaler och sånt på vissa browsers när jag stylar hr direkt (kommer inte ihåg vilka just nu), så jag brukar fulkoda dem.:

<div class="hr"><hr /></div>
.hr {
height:1px;
background:url(hr.png) repeat-x;
}
.hr hr {
display:none;
}

Då får jag dessutom exakt det utseende jag vill ha.

/ m a r t i n