Formularfeldern verschiedene Designs zuweisen

[asmodis!]

Hi Leutz,

ich hab folgendes Prob:

ich hab auf meiner Website (ohne Frames) mehrere Formulare.. diesen Formular felder kann ich ja ein bestimmtes Design zuweisen, z.B. indem ich folgenden Text in die CSS - File reinschreib:

input{
        background-color : #0033cc;
        color : #FFFFFF;
        border : 1px solid #FFFFFF;
        font-size : 12px;
        font-family : Arial, Helvetica, Verdana, sans-serif;

}
select{
        background-color : #0033cc;
        color : #FFFFFF;
        border : 1px solid #FFFFFF;
        font-size : 12 px;
        font-family : Arial, Helvetica, Verdana, sans-serif;

}
textarea{
        background-color : #0033cc;
        color : #FFFFFF;
        border : 1px solid #FFFFFF;
        font-size : 12px;
        font-family : Arial, Helvetica, Verdana, sans-serif;

}

Die Frage ist: ich hab in dem mittleren teil die Hintergrundfarbe #0033cc, die Formulare integrieren sich also recht schön, auf der rechten seite hab ich aber die Farbe #000066, und dort is immer eine möglichkeit sich per Benutzername und Passwort einzuloggen, wie kann ich diesen drei Formularobejekten(Benutzername, Passwort und dem Button) einen anderen Stil zuweisen?

thx schon mal im Voraus

asmo

 

[Sebastian Wramba]

Also erstmal um Platz zu sparen kannste das auch zusammen schreiben...

input,textarea,select {
        background-color : #0033cc;
        color : #FFFFFF;
        border : 1px solid #FFFFFF;
        font-size : 12px;
        font-family : Arial, Helvetica, Verdana, sans-serif;
}

zum anderen kannste das mit class oder id machen

<!-- class -->
.input1 {
background-color : #0033cc;
        color : #FFFFFF;
        border : 1px solid #FFFFFF;
        font-size : 12px;
        font-family : Arial, Helvetica, Verdana, sans-serif;
}

Der HTML-Code wär dann so:
_____
<select class="input1">
<option>bla</option>
usw...
_______

<!-- ID -->
#input1 {
background-color : #0033cc;
        color : #FFFFFF;
        border : 1px solid #FFFFFF;
        font-size : 12px;
        font-family : Arial, Helvetica, Verdana, sans-serif;
}

Der HTML-Code wäre dann:

_______
<select id="input1"...>
<option>...</option>
usw...
________

Korrigiert mich, wenn ich falsch liege, sollte aber so funktionieren...