Formular/ input type 2 css-Klassen zuweisen?

**bine** · 22-01-2003, 18:19

Hallo,

hab im <head zwei stylesheet-Definitionen gemacht für
.border und .background, damit Änderungen leichter durchzuführen sind.

Nun kann ich aber im <input type nur einmal class="border" aufrufen. Ein weiterer Aufruf class="background" geht leider nicht. d.h. es wird dann nur background berücksichtigt, nicht aber border.

Wie geht es, das zwei Klassen im <head definiert werden und auch beide im <input type aufgerufen werden?

**sanchez** · 22-01-2003, 18:49

also eigentlich kannst du einem Element (z.B. einem input feld) ja immer nur ein Aussehen zuordnen...Also auch nur eine Klasse...Du mußt also ein Klasse definieren, die sowohl den Rand, als auch den background definiert...

**bine** · 22-01-2003, 19:57

Schau mal, so hatte ich es versucht.

<style type="text/css">
.rahmen {
border: #336666;
border-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;

border-top-color: #000000;
border-right-color: gray;
border-bottom-color: gray;
border-left-color: #000000;
}</style>

<style>
.background {
background: #BBD2EA;

}</style>

und dann beide Klassen im input type aufgerufen. OK, geht nicht.

Wie muß ich es denn jetzt schreiben, um .background mit hineinzubekommen in die gleiche style Klasse?

Ich hab schon rumprobiert, und auch in selfhtml gelesen aber nix gefunden.

**sanchez** · 22-01-2003, 21:18

versuch es doch mal so:

<style type="text/css">

.beideszusammen {
border: #336666;
border-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;

border-top-color: #000000;
border-right-color: gray;
border-bottom-color: gray;
border-left-color: #000000;
background: #BBD2EA;
}

</style>

**bine** · 22-01-2003, 21:47

Ha, und es funktioniert doch im <input type zwei Klassen aufzurufen. Hab das jetzt ausklamüselt.

zuerst im <head die zwei Klassen in einem <style getrennt definieren:
___________
<style type="text/css">
.rahmen
{
border-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #000000;
border-right-color: gray;
border-bottom-color: gray;
border-left-color: #000000;}
.background
{background: #BBD2EA;}
</style>
_____________

Und im <input type die Klassennamen einfach mit einem Leerschritt dazwischen aufrufen:

<input type="text" name="nickname" size="20" class="rahmen background">

@Sanchez: beideszusammen geht aber auch. Hatte beim probieren nur eine Klammer falsch. Danke für deine Hilfe.