2015-01-14 116 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