2011-12-16 75 views
7

我想用純CSS樣式單選按鈕,沒有類或ID。只需輸入[type = radio]。 我想使用一個背景圖片來取消選中。 但是,-vendor-appearance:none;不適用於Trident或Gecko。只是Webkit。 在這些瀏覽器中,您可以將背景圖像看作單選按鈕的背景,但按鈕仍然存在,而不僅僅是顯示圖像,我如何才能擺脫該按鈕,以便只顯示背景圖像。小提琴:http://jsfiddle.net/7kScn/單選按鈕樣式

回答

8

您可以使用CSS2選擇器技巧連接到收音機組並在其後立即顯示其他內容。

參見:http://jsfiddle.net/7kScn/1/

這只是一個簡單的例子,但它運行在隱藏的輸入字段,然後緊隨其後造型標籤的前提下,給它,它就是你檢查實際的事情的影響。

+0

CSS3? :(這是一個電子商務網站,沒有任何功能可以基於CSS3的風格。如果它回退到只顯示覆選框,它通常會比可接受的,但如果你調用`display:none;`比 – henryaaron 2011-12-16 01:45:51

1

這是有用嗎? input [type = radio]:checked { border:1px solid black; }