QA@IT

HTML プルダウンメニュー選択時の背景色をMacで表示したい

5685 PV

HTMLでプルダウンメニュー選択時に背景色を設定したく、末尾のような実装をしていますが、
MacのSafari・Chrome等で背景色が表示されません。
※Windowsの主要ブラウザでは問題ありません。
回避策があれば教えていただけないでしょうか。

<select>
  <option value="1" style="color:#555;background-color:#FF8E8E;">1</option>
  <option value="2" style="color:#555;background-color:#FFB0FF;">2</option>
  <option value="2" style="color:#555;background-color:#00B2FF;">3</option>
</select>

回答

Mac用のWebKit共通の制限で、selectメニューに色をつける方法はありません。

編集 履歴 (0)

回答ありがとうございます。
CSSで似た感じのデザインにはできても、SELECTプルダウンでは不可能そうということですね。
色を選択させるためにSELECTプルダウンを使っていたので、あきらめてRADIO等のFORMに切り替えたいと思います。

編集 履歴 (0)
  • >※ 質問への追記や、質問への質問、「ありがとう!」などのやり取りは、回答ではなくノートとして投稿をお願いします。 回答ガイドラインもご覧ください。 -
ウォッチ

この質問への回答やコメントをメールでお知らせします。