Können CSS oder jQuery Auswahlboxstile anpassen?

Styling benutzerdefinierter Auswahlfelder

Frage: Ist es möglich, den Stil von Auswahlfeldern mithilfe von CSS oder jQuery anzupassen?

Antwort: Ja, es ist möglich, den Stil von Auswahlfeldern entweder mithilfe von CSS oder anzupassen jQuery.

Vorgehensweise mit jQuery:

• Konvertieren Sie das Auswahlfeld in eine geordnete Liste (
  ) und seine Optionen zum Auflisten von Elementen (< li>).
  1. Wenden Sie CSS-Stile auf die Listenelemente an, um das gewünschte Ergebnis zu erzielen Aussehen.

Beispiel für die Verwendung eines jQuery-Plugins:

• Verwenden Sie ein Plugin wie dieses: https://gist.github.com/ 1139558 (derzeit nicht verfügbar).
• Rufen Sie das Plugin im Auswahlfeld mit jQuery auf, z. B. $('#myselectbox').selectbox();.

CSS-Styling für das Plugin:

• Passen Sie das Erscheinungsbild an Anwenden von CSS-Stilen auf die Elemente des Plugins, wie in den folgenden Beispielen gezeigt:

  div.selectbox-wrapper ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
  div.selectbox-wrapper ul li.selected {
  background-color: #EAF2FB;
  }
  div.selectbox-wrapper ul li.current {
  background-color: #CDD8E4;
  }
  div.selectbox-wrapper ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
  }

Das obige ist der detaillierte Inhalt vonKönnen CSS oder jQuery Auswahlboxstile anpassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!