チェックボックスはOperaで表示されます

Question

暗い背景のページがあります。 IEやFirefox、ChromeとSafariの私のチェックボックスでは、次のようになります

しかし、Operaは、このようなチェックボックスが表示さ：

を、彼は、チェックボックスをチェックするのであれば、ユーザーが見ることができない、（ダニ理由チェックマーク）も黒です。ここで

は私のCSSの一部です：

body { 
    background-attachment: fixed; 
    background-color: #07080A; 
    background-image: url('images/bg.jpg'); 
    background-position: center top; 
    background-repeat: no-repeat; 
    border: 0 none; 
    color: #FFFFFF; 
    display: block; 
    font-family: Arial; 
    font-size: 13px; 
    margin: auto auto; 
    width: 1000px; 
} 

input, textarea { 
    width: 300px; 
    color: #fff; 
    background-color: #323232; 
    border: none; 
    font-size: 13px; 
    font-family: Arial; 
    padding: 8px 0px 8px 10px; 
} 

input[type="checkbox"]{ 
    background: transparent; 
    width: 30px; 
} 

私はそれを変更するにはどうすればよいですか？私はOperaや他のブラウザでもチェックボックスの外観を持っていたいと思います。

Answer 1

を使用して、あなたの最初のスタイルを上書きするようにしてください：

input[type="checkbox"] { 
    background: inherit; 
    width: 30px; 
} 

これは、チェックボックスにその親の背景を提供します。ルールやその他のルールの順序によっては、inherit !importantを使用する必要があります。

Answer 2

input[type="checkbox"]{ 
    backgorund: #fff; 
    width: 30px; 
} 

これは機能しませんか？

Answer 3

まず、入力[type = "checkbox"]行にタイプミスがあります。

第2に、thisによれば、チェックボックスの背景を明白に白に設定することができます。これはOperaで動作します。

Answer 4

Operaでは、バックグラウンドプロパティは、チェックボックス内の背景に適用され、背景はチェックボックス外ではありません。あなたが解決しようとしていることは、あなたができることのいくつかであると信じていますfind on this page about how checkboxes are styled。