チェックボックスの色を変更できないのですが？重複

質問

チェックボックスの背景色を変更したいのですが、何をやっても変更されません。私はFirefox 29最新を使用しています。

cssのルール変更か、ブラウザの変更でしょうか？

CSSです。

input[type="checkbox"] {
    background: #990000;    
}

.chk {
   background-color: #990000;  

}

以下はデモです。 http://jsfiddle.net/6KXRg/

どのように解決するのですか？

チェックボックスはスタイル付けができません。 サードパーティの js プラグインを使用する必要があります。

自分で行う場合は、基本的にチェックボックスを非表示にして、要素を作成し、それを好きなようにスタイリングし、そのクリックイベントを2つの関数にバインドして、1つは見た目を変更し、もう1つはチェックボックスのクリックイベントを有効にします。

ドロップダウン選択要素で小さな下向き矢印のスタイルを設定しようとすると、同じ問題が発生します。