質問: 下記のソースコードは、プルダウンボタンのselectedの『選曲(停止)』の 背景色を、グラデーションに設定したものです。 ただ、現時点が『選曲(停止)』以外の状態にあり、その状態でプルダウン ボタンを開くと、『選曲(停止)』の背景色がグラデーションではなく、 現時点の背景色になっています(*『選曲(停止)』を選んで押すと、 グラデーションになりますが...)。 どう書き換えれば、プルダウンボタンを開いているときも、『選曲(停止)』の 背景色がグラデーションになるのか、ご教示ください。 ``` 選曲(停止) クラシック 目覚まし音 ```
回答: 残念ながら、一般的な方法はありません。 SELECT要素のポップアップメニュー内でのCSSサポートは各ブラウザ・プラットフォームでまちまちで、 * iOS/OSX の Safari ではまったくサポートしていない * Android/OSX の Google Chrome ではまったくサポートしていない * それ以外の Google Chrome では単色のみサポートしていてグラデーションは不可 などなどです。Firefox、IE、Edgeも完全にはサポートできていなかった覚えがあります。