職場の特定のコンピュータで、セレクトタグのスタイルが正しくないブラウザがあります。誰もが同じバージョンのfirefoxを使用していますが、1台のコンピュータだけが問題を抱えています。このjsfiddleがコンピュータ上で実行されると、以下のように表示されている: Firefoxで1つのコンピュータでスタイリングしないタグを選択
それは、我々はそれが表示されるようにする方法である他のすべてのコンピュータ上で次のように表示されます。私は推測している
Firefoxで変更できる設定がいくつかありますが、検索を試みて何も見つかりませんでした。
jsfiddleコード:
HTML
<select>
<option class='red'>red</option>
<option class='green'>green</option>
<option class='blue'>blue</option>
<option class='hidden'>not here</option>
</select>
CSS
select {
background-color: lightgray;
}
.red {
color: red;
}
.green {
color: green;
}
.blue {
color: blue;
}
.hidden {
display: none;
}
編集 いくつかのさらなるテストは、選択サイズ属性が5
<select size='5'>
に変更されたときにことを明らかにしました
すべてのオプションが正しく表示されます(見えないものを含む)。別の興味深い注記:私は右クリックして問題のドロップダウンリストを調べることができません。これは、2台のコンピュータのドロップダウン矢印をクリックするたびに、非構造化クローンが作成されているようなものです。
問題のあるワークステーションにFirefox拡張機能/アドオンがインストールされているかどうかを確認してください。具体的には、スタイルやテーマに適用されます。 – johnniebenson
select要素とoptions要素の外観はシステムによって異なります – Nora
@johnniebensonアドオンや拡張機能はインストールされておらず、それらはすべて同じプラグインを持っています。 – notblakeshelton