Wie kann ich Text innerhalb einer Dropdown-Option formatieren?

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!