Buttons verändern durch eine CSS-Datei

[montagsjunge]

Hallo,
wenn ich z.B. über die Buttons "Speichern", "Vorschau" oder "Absenden" mit dem Mauszeiger anderesfrabig. In diesem Forum bleibt von dem Buttons der Hintergrund gleich, nur die Farbe der Schrift und des Rahmen verändert sich. Bei meinem Style Maxthon Schrift passiert das selbe plus, dass sich der Hintergrund auch einfärbt. Ich möchte, die Schrift den Rahmen und die Hintergrundeinfärbung verändern. Wie veränder ich das? Warscheinlich mir einer CSS-Datei. Aber welcher und wo?

MfG

[montagsjunge]

Kann mir denn keiner helfen?

[JFooty]

Der Hintergrund wird durch das Hintergrundbild bg_button.gif eingefärbt.
Das geschieht in der colours.css:

Code: Alles auswählen

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #000;
	background-color: #FAFAFA;
	background-image: url("{T_THEME_PATH}/images/bg_button.gif");
}

Der Hover-Effekt entsteht eigentlich nur dadurch, dass die Position des Hintergrundbildes geändert wird.
Das passiert in der forms.css:

Code: Alles auswählen

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border: 1px solid #BCBCBC;
	background-position: 0 100%;
	color: #BCBCBC;
}

So ist dann der grüne Teil als Hintergrund des Buttons sichtbar.
Am einfachsten wäre es, das Hintergrundbild umzufärben.
Oder du experimentierst nur mit verschiedenen Hintergrundfarben.

[montagsjunge]

Danke für die Antwort. Werde gleich morgen es mal damit versuchen. Wenn nicht klappt melde ich mich noch mal