相关疑难解决方法(0)

是否可以将css(3)样式应用于选中的单选按钮的标签？

我有以下标记:

<input type="radio" id="rad" name="radio"/>
<label for="rad">A Label</label>

我希望是那样的

label:checked { font-weight: bold; }

会做点什么,但唉它没有(正如我预期的那样).

是否有可以实现此类功能的选择器？如果有帮助,您可以使用div等环绕,但最好的解决方案是使用标签''for''属性.

应该注意的是,我能够为我的应用程序指定浏览器,所以请最好使用css3类等.

我正在尝试更改复选框的背景颜色和边框，但它不起作用。

HTML：

<label for="checkbox1" class="checkbox">
  <input id="checkbox1" type="checkbox" role="checkbox" /><span class="custom">Checkbox</span>
</label>

CSS：

.checkbox input:checked {
    border-color: red;
    background-color:red;
}

JSFiddle 演示

更新：

我无法更改标记

如果选中复选框,则突出显示标签

与上述链接完全不同的设置.

设置1:

<input type="checkbox" checked>
<label>Text</label>

回答:

input:checked + label { font-weight: bold; }

设置2:

<label>Text</label>
<input type="checkbox" checked>

回答:

??

我有一个带复选框的图像,我使用此代码通过单击图像检查复选框...

<label for="img1"><img class="img" src="myimage.jpg" /></label>
<input type="checkbox" class="chk " checked="checked" id="img1" name="img1" value="0" />

它的工作正常,我的问题是,我想在检查上方的图像时,图像不透明度将0.5显示或div在此图像上显示一个额外的,当Un检查上面的图像不透明度返回1.0或删除该div如果我们使用div,任何想法.???

谢谢