Mit diesem Workaround wird Hintergrundfarbe der ausgewählten Option bei entsprechender Auswahl in das Select-Feld übernommen.

1
2
3
4
5
6
7
8
9

<select id="yourRating"
onchange="document.getElementById('yourRating').style.backgroundColor = this[this.selectedIndex].style.backgroundColor;">
  <option> </option>
  <option style="background-color:#1BBD00;" value="1">1</option>
  <option style="background-color:#9CBD04;" value="2">2</option>
  <option style="background-color:#EC0303;" value="3">3</option>
  <option style="background-color:#C0C0C0;" value="4">4</option>
  <option style="background-color:#BD8EB1;" value="5">5</option>
</select>

// Dank geht an sempfh

Ein HTML-Formular generiert komischerweise immer einen Umbruch, sobald man das form-Tag schreibt. Ein einfacher CSS Befehl verhindert diesen Umbruch:

form {
  display: inline;
}

Diese Frage taucht immer wieder auf:
Wie kann ich einen DIV-Container mit einer Höhe bzw. Breite von 100% definieren?

Ganz einfach! Es nützt nichts, wenn man nur den DIV-Container ansich mit 100% definiert. Wichtig ist, dass die “umschließenden Elemente” dann auch mit einer Höhe bzw. Breite von 100% definiert sind.
Hier mal ein kurzes Beispiel:

html, body {
  height: 100%;
}
 
#100_prozent_div {
  width: 250px;
  height:100%;
}

Da normalerweise das html und body Tag die “umschließenden” Elemente eines DIV sind, werden diese ganz einfach auf 100% gesetzt. In diesem Beispiel habe ich nur die Höhe auf 100% gesetzt. Diese Methode gilt natürlich auch für die Breite oder beides.