Select option andere Farbe

[mlienhard]

Ich habe bei einer Immobilienseite eine Wohnungstabelle. Der Redakteur kann mit select den Status der Wohnung ändern. Nun möchte ich aber, dass wenn der User "vermietet" auswählt, die Textfarbe rot wird (siehe Code). Irgendwie will das aber nicht, die Farbe bleibt und wechselt nicht in Rot
Wo liegt der Fehler? Danke.

Code: Alles auswählen

<td>
<strong>
<we:select name="status01" reload="false">
<option>frei</option>
<option>reserviert</option>
<option><b style="color:#e12d12">vermietet</b></option>
</we:select>
</strong>
</td>

[WBTMagnum]

hi mlienhard,

probier's doch mal mit css und ordne den einzelnen <option>/ klassen zu


lg,
sascha

[sirius6]

@WBTMagnum
falsche Antwort!


HTML Code wird in we:select nicht ausgewertet, du kannst per ifField oder ifVar eine Abfrage im notEditmode erzeugen und hier dann unterschiedliche Farben zuweisen.

[WBTMagnum]

*hmm*
Folgendes klappt bei mir:

Code: Alles auswählen

<style>
  .red {background-color: red;}
  .yellow {background-color: yellow;}
  .green {background-color: green;}
</style>

<we:select name="status01" reload="false">
  <option class="green">frei</option>
  <option class="yellow">reserviert</option>
  <option class="red">vermietet</option>
</we:select>

LG,
Sascha

[mlienhard]

Danke für die Antworten. Wenn ich jedoch WBTMagnum's Variante ausprobiere, wird im Editmode die Farbe angezeigt, in der Version Online sind die Formatierungen wieder entfernt. An was liegt das?

@sirius6: Wie würde das ungefähr in Code aussehen, ich verstehe deinen Lösungsvorschlag leider nur Ansatzweise...

[WBTMagnum]

jetzt check ich sirius6s kommentar . ich hab nicht mitbekommen, dass es um die front-end ausgabe geht.

<we:select>/ ist ein back-end tag. dh. wenn du im front-end mit farben arbeiten willst, dann musst du dir dein select selbst zusammenbasteln. dann klappt's auch mit den farben.


hth,
sascha

[mlienhard]

Kannst du mir ein Bsp. geben, wie man ein "select selbst zusammenbasteln" kann?