Wie kann ich Text innerhalb einer Dropdown-Option formatieren?

So stilisieren Sie Text in einem Dropdown-Option

Um die Farbe eines bestimmten Texts innerhalb einer

zu ändern Element eingebettet in ein Im Dropdown-Menü formatieren Sie diesen Text direkt mithilfe von Inline-Stilen oder einer CSS-Klasse. Vermeiden Sie die Verwendung von Spannen, da diese zu unerwarteten Ergebnissen führen können.

In Ihrem Beispiel kann das folgende CSS den gewünschten Effekt erzielen:

<code class="css">.grey_color {
  color: #ccc;
  font-size: 14px;
}</code>

Das Styling jedoch ausschließlich auf das erste anwenden Option, zielen Sie darauf mit Inline-Stil statt einer Klasse ab:

<code class="html"><select id="select">
  <option style="color: gray" value="null">select one option</option>
  <option value="1" class="others">one</option>
  <option value="2" class="others">two</option>
</select></code>

Hinweis: CSS ist kaskadiert. Definieren Sie daher eine Klasse für alle nachfolgenden Optionen, die den Stil erben, aber unterschiedliche Attribute angeben, z. B. die Farbe. Dieser Ansatz gewährleistet sowohl die Lesbarkeit als auch die Wartbarkeit innerhalb Ihrer Codebasis:

<code class="css">.others {
  color: black;
}</code>

Das obige ist der detaillierte Inhalt vonWie kann ich Text innerhalb einer Dropdown-Option formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!