いずれ改善されるのでしょうが、非常に発見しづらいバグではあります。optgroup に背景色を設定すると、その中の option の背景も同じ色になるので、option に #ffffff を設定しようとすると、反映されないというバグです。しかも、このバグは、size 属性を指定した『リストボックス』では起こらないです。
▼ 以下は画像ですが、左側がバグが発生している状態です
このバグの対症療法は、#ffffff の代りに #fffffe を使います
<style>
.mttl1 {
background-color: #e0e0e0;
}
.mttl1 option {
background-color: #fffffe;
}
.mttl2 {
background-color: #ffe4c4;
}
.mttl2 option {
background-color: #ffffff;
}
</style>
<select>
<option value="jiyunotsubasa" selected>自由の翼フォント</option>
<optgroup label="よく飛ばない鳥" class="mttl1">
<option value="cp_font" >チェックポイントフォント</option>
<option value="jiyucho" >じゆうちょうフォント</option>
</optgroup>
<optgroup label="ふぉんときゅーとがーる" class="mttl2">
<option value="jkg-l_2" >JKゴシック</option>
<option value="jkgm3" >JKゴシック M</option>
</optgroup>
</select>
|
|
【Google Chromeの最新記事】
- Chrome ポリシー : レジストリ : ( ChatGPT 解説 )
- Google Chrome デベロッパーツールの Tips And Tricks
- Google Chrome + Windows10 + PDF ビューア + 非埋込みフォント で正しいフォントが表示されない
- Google Chrome のみ動作する Data URLs を使用した『HTML/テキスト』変換アプリ
- Google Chrome のエディタ機能を使用してローカルにある HTML と JavaScript のソースでブレークポイントを使用したデバッグを行う手順
- Google Chrome のコンソールが、『いらすとや』のイラストでいっぱいになった日
- Google Chrome で IFRAME を display:none で消してから表示すると、スクロールバーが消える。仕方ないので、visibility:hidden で代替
- Google Chrome のカラーピッカーを使用して、#RGB 形式の色コードを取得する方法
- Google Chrome の「デベロッパーツール」で、実行済みのページのソースをクリップボードにコピーする
- Auto-Translate(Chrome 拡張) が、Chromeウェブストアから削除されていました
- Google Chrome : デベロッパーツールの table コマンドで、オプジェクトのプロパティをテーブル表示して Excel に貼り付ける
- Google Chrome と Firefox : JavaScript : Pointer Lock API
- List of Chrome URLs( chrome://chrome-urls/ ) / Chrome の内部ページの一覧
- Google Chrome デベロッパーツールの新しい 『Mobile emulation』という機能
- 今、Google Chrome で WEBアプリをテストするには、デベロッパーツールを開いておいてキャッシュを無効にする必要があるのをご存知ですか?
- Google Chrome を強制終了すると、後で『開いていたページを復元』できますが、ログイン状態も復元してしまいます。
- Google Chrome 拡張の『instant translate』という翻訳機能の翻訳ウインドウを大きくする
- Chrome リモート デスクトップ。出先から自宅、出先から仕事場へのアクセスする為の環境と注意事項( 出先は拡張のみ )
- Google Chrome を一旦削除してやっと正常になった症状
- マウスカーソル下の画像表示用 HTML コードをクリップボードにコピーする Google Chrome 拡張
