私は以下のHTMLを持っています（背景の黒とテキストを白くするCSSに注意してください）。HTMLの黒い背景のタグを選択する - Firefox 3ではドロップダウンの三角形が見えない
<html>
<select id="opts" style="background-color: black; color: white;">
<option>first</option>
<option>second</option>
</select>
</html>
Safariは、テキストの右側に表示される小さな三角形を前景テキストと同じ色にするのに十分です。
他のブラウザは基本的にCSSを無視するので、うまくいきます。
Firefox 3では背景色が適用されますが、三角形は黒いので、このように見えません。
これを修正する方法がわかりません。 ？ -moz-select-triangle-colorやそれに類するものがありますか？
Vista問題でなければなりません。私にはXP SP 2があり、それは正常に見えます。
また、Mac OSX Firefox 3の問題です –
ボタンは黒くする必要がありますか？代わりにオプションに黒の背景を適用することができます。
私はそのコードをファイルにドロップしてff3にプッシュしましたが、表示されません...矢印は灰色の背景と黒い矢印のデフォルトの色です。
スタイリングスクロールバーもありますか？
私はポストを更新しました
、そこにHTMLは今、文字通りすべて、ロードされていない他のCSS/JSか何かされているhtmlです、そしてそれはまだPICに投稿されたとおりになります。
注：私はVista上です。それはXPで別のことをするかもしれない、私はチェックしていない
Vistaの問題である必要があります。私はXP SP 2を持っており、それは正常に見えます。
だからです。
私はXP上でそれを試してみました。それはうまくいきました。また、Windowsクラシックにテーマを設定した眺望もうまくいきます。 firefox-vista-aeroテーマのバグでなければなりません。 （黒の背景色）Vista上の小さな黒い矢印のショーを作るために
、私はホワイトボックスGIFを作り、以下のCSSを使用：上記の修正と
select {
background-image: url(../images/selectBox.gif);
background-position: right;
background-repeat: no-repeat;
}
問題は、それが動作しないですSafari上で - あなたは悪く見える白い背景を表示して終了します。私はこのMOZ特定の擬似クラスを使って、このラウンド得た：これが唯一の空想Windowsテーマが有効な場合、このCSSを適用する理論的には
select:-moz-system-metric(windows-default-theme) {
background-image: url(../images/selectBox.gif);
background-position: right;
background-repeat: no-repeat;
}
が、私は、ファイルにそのコードを落とし、このhttps://developer.mozilla.org/en/CSS/%3a-moz-system-metric(windows-default-theme)
を参照し、それをff3にプッシュして、私はあなたが見るものを見ません...矢印は、灰色の背景と黒い矢印のデフォルトの色です。あなたもスクロールバーをスタイリングしていますか？ – RedWolves