下に選択ボックスがあり、完全に機能します。ただし、各オプション グループに小さなカラー ボックスを配置したいと考えています。その中でスパンタグを使用してみましたが、うまくいかないようです。
アンカー タグや画像を使用したくありません。可能であれば、ある種のコンテナタグを付けたいと思います。
以下にコードを同封しました。
<select name="search-legend">
<option value=""></option>
<option value="1"<?= $this->ReturnSearchValue == "1" ? 'selected' : '' ?>> <span id="redbox"> </span> value1 </option>
<option value="2"<?= $this->ReturnSearchValue == "2" ? 'selected' : '' ?>> <span id="bluebox"></span> value2 </option>
<option value="3"<?= $this->ReturnSearchValue == "3" ? 'selected' : '' ?>> <span id="greenbox"></span> value3 </option>
</select>
CSS
#redbox {
background: red;
}