CSS <hr> Tag color

[Michael_]

Hallo,

Ich möchte folgendes:

Code:

<hr size=1 color="{tableinbordercolor}" noShade>

Mit CSS Stylen.
Wenn ich es durch:

Code:

<hr size=1 noShade>

Ersetze und folgenden CSS Code verwende funktioniert das einwandfrei:

Code:

hr {
background-color:#ffffff; color:#ffffff; border: #ffffff; height: 1px;border-color:#ffffff;
}

Wenn allerdings der html color Tag benutzt wird dann funktioniert es nicht.
Ich mache gerade einen neuen WBB Style und möchte so wenige Templates wie nötig verändern, daher wollte ich hier mal fragen ob es vllt. eine möglichkeit gibt das mit CSS zu machen OHNE den Code in den Templates zu verändern?

[mrshadowtux]

Wenn du das frickelig statt zentral machen willst, nutze style=

Pro-Tipp: Zum färben der hr genügt border-color. Da das CSS deine Setting überschreiben wird, musst du es important setzen.
Sähe dann so aus:

Code:

<hr style="border-color: #ff0000 !important">

Das mit style= statt zentral zu setzen ist aber echt eklig, mach doch lieber ne Custom-CSS, die du zusätzlich einbindest.

Attribute wie color= sind übrigens veraltet.

[Dirk]

und kein css.

[Michael_]

Ich würde wie geschrieben die Templates am liebsten garnicht bearbeiten und suche daher eine möglichkeit das mit CSS zu machen und den color Tag quasi zu überschreiben.

[mrshadowtux]

Genau das sollte das !important bewirken. Ob du es im style= oder in der CSS-Datei positionierst, sollte da keinen Unterschied machen.

[Michael_]

So?

hr {
background-color:#ffffff !important; color:#ffffff !important; border: #ffffff !important; height: 1px !important; border-color:#ffffff !important;
}

[mrshadowtux]

Ja. Du brauchst aber nur border-color. Die anderen colors haben bei einer hr keinerlei Auswirkung.

[Michael_]

Danke das funktioniert!