CSS bei Tasten und Eingabefeldern trennen

[Maximus]

Hi,

ich habe den folgenden Eintrag in meiner CSS-Datei:

INPUT 		{BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}

Der führt dann dazu, daß alle INPUT-Felder, also Buttons und Eingabefelder die gleiche Hintergrundfarbe habe. Ich möchte aber das die Eingabefelder einen anderen Hintegrund haben.
Wie heißt dafür der richtige Befehl?

 

[sam]

input=einzeiliges textfeld
textarea=mehrzeiliges textfeld
button=der button eben
select=dropdownmenü

 

[Maximus]

INPUT {BACKGROUND-COLOR: #FFFFFF; BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}



BUTTON {BACKGROUND-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}


So habe ich es jetzt gemacht, aber es tut sich leider nix.
Was mache ich falsch?

 

[sam]

dann mach das ganze mit classes:

in die css-datei:

.textfeld {background-color:red;}
.button {background-color:blue;}

und der html-code sieht dann so aus:

<input type="text" class="textfeld">
<input type="submit" class="button">

 

[mrsunshine]

Nochma was zur erklärung:

Button ist ein eigener HTML 4.0 (oder kam der sogar nochfrüher? - don't know) Tag. Den kann man ähnlich wie <input type=button> verwenden. Man kann aber auch Bilder (oda allgemein alle HTML Objekte) einbauen:

<button><img src=""><br>Textdatrunter<a href="http://">LINK</a></button>

Wenn man button in CSS einbaut, klingt es logisch, wenn auch nur der button-Tag darauf reagiert.
Mich würde es aber ehrlich gesagt wundern, wenn da nicht irgendeine Funktion eingebaut wäre, die die Trennung von <input type=text> oder <input type=button> hervorruft... Ich kann sie aber nicht

 

[haldjo1]

cih geb sam recht, das ist meiner meinung nach am einfachsten mit classes zu machen