[gelöst] Formular mit Pulldown Auswahl und Farben
Eingetragen von wasabiwolf (113)am 13.06.2012 - 08:39 Uhr in
Hallo zusammen
Ich habe für ein Projekt folgendes Formular erstellt: http://www.phoenixprogramm.ch/?q=content/test
der Sinn des Forms wird es sein Fragen zu bentworten. Die Antworten stehen in einem Auswahlmenue zur Verfügung
Momentan ist es so gelöst dass man Nummern 1-16 auswählen kann.. Die Nummern stehen für Farben. Was ich nun suchen würde ist; wenn man die Nummern farbig so hinterlegen könnte dass sie der zugehörigen Farbe entsprechen.
Kompliziert zu erklären... aber schaut mal auf das Form und ich werdet sehen was ich meine..
ich habe mal nachgeschaut ob es mit CSS zu lösen ist aber sehe nicht wo ich ansetzen könnte :(
Ganz liebe Grüsse
Adrian
- Anmelden oder Registrieren um Kommentare zu schreiben
Das Ganze lässt sich mit CSS
am 13.06.2012 - 09:05 Uhr
Das Ganze lässt sich mit CSS lösen - hier lässt sich wie folgt pro Farbe eine Hintergrundfarbe setzen.
.webform-component-select option[value=1] {background-color: #ff0000;
}
.webform-component-select option[value=2] {
background-color: #ff00ff;
}
SteffenR
SteffenR@drupal.org
am 13.06.2012 - 09:32 Uhr
Das Ganze lässt sich mit CSS lösen - hier lässt sich wie folgt pro Farbe eine Hintergrundfarbe setzen.
.webform-component-select option[value=1] {background-color: #ff0000;
}
.webform-component-select option[value=2] {
background-color: #ff00ff;
}
SteffenR
DANKE!!!
gleich mal ins CSS hetze und austeste ;)
wasabiwolf
am 13.06.2012 - 09:44 Uhr
Das Ganze lässt sich mit CSS lösen - hier lässt sich wie folgt pro Farbe eine Hintergrundfarbe setzen.
.webform-component-select option[value=1] {background-color: #ff0000;
}
.webform-component-select option[value=2] {
background-color: #ff00ff;
}
SteffenR
DANKE!!!
gleich mal ins CSS hetze und austeste ;)
****** :( ********************************************************************
Funktioniert leider nicht
habe im Style.css den Eintrag wie folgt gemacht
.webform-component-select option[value=1] { background-color: #ff0000;}
.webform-component-select option[value=2] {background-color: #ccffff;}
keine Änderung auch nicht nach Cache leeren..
Ich hab es gerade noch einmal
am 13.06.2012 - 10:20 Uhr
Ich hab es gerade noch einmal selbst getestet:
Der Selektor müsste wie folgt gesetzt werden:
.webform-component-select option[value="1"] {background-color: #ccffff;}.webform-component-select option[value="2"] {background-color: #ff0000;}
SteffenR
SteffenR@drupal.org
am 13.06.2012 - 10:28 Uhr
Ich hab es gerade noch einmal selbst getestet:
Der Selektor müsste wie folgt gesetzt werden:
.webform-component-select option[value="1"] {background-color: #ccffff;}.webform-component-select option[value="2"] {background-color: #ff0000;}
SteffenR
Mir die letzten 4 Haare raufe ....
In welchem CSS hast du das gemacht und wieso gehts bei mir nicht grummel ..
ich mache es im style.css
Der CSS-Code gehört in die
am 13.06.2012 - 10:54 Uhr
Der CSS-Code gehört in die CSS-Datei deines Themes - ob das nun die style.css ist, kann ich dir nicht sagen - dies ist ja je Theme unterschiedlich. Testen kannst du das Ganze auch im Firebug - hier sieht du, ob der Style eventuell durch andere CSS-Deklarationen überschrieben wird.
Falls du mit einem Contrib Theme arbeitest, solltest du aber nicht direkt in den Dateien des Themes arbeiten ( Thema Updates etc), sondern eher über ein SubTheme oder bei "nur wenig CSS Änderungen" über das Modul [do:css_injector] arbeiten.
https://addons.mozilla.org/de/firefox/addon/firebug/
SteffenR
SteffenR@drupal.org
am 13.06.2012 - 11:04 Uhr
Der CSS-Code gehört in die CSS-Datei deines Themes - ob das nun die style.css ist, kann ich dir nicht sagen - dies ist ja je Theme unterschiedlich. Testen kannst du das Ganze auch im Firebug - hier sieht du, ob der Style eventuell durch andere CSS-Deklarationen überschrieben wird.
Falls du mit einem Contrib Theme arbeitest, solltest du aber nicht direkt in den Dateien des Themes arbeiten ( Thema Updates etc), sondern eher über ein SubTheme oder bei "nur wenig CSS Änderungen" über das Modul [do:css_injector] arbeiten.
https://addons.mozilla.org/de/firefox/addon/firebug/
SteffenR
Mit diesem Modul funktioniert es Genial.. DANKE