2015-01-14 169 views

回答

1

在這裏你去: http://jsfiddle.net/peSJG/42/

.radiostyle { 
    background-color: #999; 
} 
input[type=radio]:checked+label { 
    background-color: white; 
    border-left: 13px solid #000; 
} 


<input type="radio" name="1" value="100" id="a1"> 
<label for="a1" class="radiostyle">Click to make label BG whie, and add a 13px left side border</label> 

沒有JS,CSS所有。

+0

嗨Sanova,太棒了。有沒有一種方法可以準確地確定您編碼的內容,並且還可以按照我設計的方式使用單選按鈕。我目前的問題是,我可以更改背景或單選按鈕,但不能同時更改。 – TedSquee

+0

您能否提供您應用於單選按鈕的樣式?我會將它編碼到我的jsfiddle – Sanova

+0

對不起,只是看看如何粘貼代碼在這個論壇上,我以前沒有用過它。我得到了一些JavaScript來解決我的問題,但有興趣看看你如何解決它。 – TedSquee