HTML/CSS自定義複選框按鈕圖像問題

我一直在試圖讓自定義複選框與我的網站一起工作。但是，我遇到了一個令人迷惑的問題，那就是我的HTML的特定部分。HTML/CSS自定義複選框按鈕圖像問題

這裏是我當前的代碼： HTML

<div class="quicklinks_login"> 
    <label for="cookieuser" style="padding-left: 7px;"><input type='checkbox' name='cookieuser' value='1' tabindex='10' id='cb_cookieuser_navbar' accesskey='c' />&nbsp;Remember Me</label> 
</div>

CSS

input[type="checkbox"] + label, 
label > input[type="checkbox"] { 
    background: url("../images/override/state_off.png") no-repeat scroll 0 0 transparent; 
    cursor: pointer; 
}

現在，你可以從我的CSS看，我有希望被稱呼兩種模式。標籤> input [type =「checkbox」]'pattern'應將應用於我的HTML（據FireBug說）。但是，自定義圖像不會與複選框一起顯示。

總結起來，我的問題很簡單：爲什麼'pattern'label > input[type="checkbox"]不適用於我的HTML？

來源

2013-08-06 Mko

您可以自定義複選框，單選按鈕，只用CSS如果你喜歡。 https://www.google.com/search?q=css%20only%20custom%20checkbox。基本的想法是設計標籤並隱藏實際的複選框。點擊標籤設置/取消選中複選框，所有表單功能都會保留。唯一的缺點是IE的舊版本需要優雅的回退，這是大多數解決方案提供的。

來源

2013-08-06 00:25:19

這是瀏覽器往往不會讓你風格那麼多的元素之一，並且大多數人會用javascript代替它。在SO

的answere通過@利文特·納吉

來源

2013-08-06 00:13:20 kwarunek

HTML/CSS自定義複選框按鈕圖像問題

回答

相關問題