在Opera中複選框外觀

Question

我有黑色背景的頁面。在IE，火狐，Chrome和Safari我的複選框看起來像這樣：

但歌劇的顯示覆選框是這樣的：

所以用戶不能看他是否檢查該複選框，因爲蜱（複選標記）也是黑色的。

這裏是我的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」]行中有一個錯字。

其次，根據this你可以明確地設置複選框背景爲白色。這在Opera中有效。

Answer 4

在Opera中，背景屬性適用於複選框內的背景，而不適用於複選框外的背景。我相信你想要解決的問題是你可以在find on this page about how checkboxes are styled的一些問題。