• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Formular/ input type 2 css-Klassen zuweisen?

bine

bine

Lounge-Member
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?
 
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...
 
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.
 
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>
 
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.
 
Zuletzt bearbeitet:
Ja, hast du recht,
.background
[background-color: #BBD2EA

Aber funktioniert auch so.

(bisher hab ich das ganze Formular nur im IE-getestet)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben