Top > Blog > CrossBrowser

プルダウンメニュー(select要素)の表示がおかしくなる

Mac Firefox で、プルダウンメニューの背景色を動的に変更するフォームを動作させます(入力エラー時に色を変えたりしますね)。

すると、スキンが外れるのか、外観がみすぼらしくなってしまいます。Mac Firefox の場合のスクリーンショット↓

これが・・・
正常な状態のプルダウンメニュー

こうなります↓
バグ状態のプルダウンメニュー

これはどうも Firefox のバグだそうです。Bugzilla を見ると、
Bug 428328 – select box visual features disappear when background color is changed
という報告があって、ここでは table の中の select 要素と書いてありますが、特に table に含まれていなくても発生しています。

  • 報告が1年以上前
  • 優先度が minor
  • ステータスが「未確認」(以前見た時は「Linux でも再現したよ」というような追記があったような気がしたんですが、いま見たら無かったです・・・)

なので、これはしばらく解決しないかもしれません。背景色を変更する必要がある時には、Mac Firefox の select 要素は除外するようにした方が無難でしょうか。様々なフォーム部品の中で1つだけ外観が代わってしまうと、かなり違和感があるのです。

コメントの投稿