一个具有不同样式的输入字段的两个标签

时间:2013-07-29 16:45:00

标签: html css css-selectors

我需要为一个具有不同样式的输入字段设置两个标签。

由于某种原因,此代码不起作用。它确实适用于第一个标签,仅部分用于第二个标签。

此代码有效

input.switcher[type=checkbox] + label + label

但这没有(第二个标签不会通过检查和关闭来改变颜色)

input.switcher[type=checkbox]:checked + label + label

任何建议如何解决这个问题表示赞赏!

http://jsfiddle.net/dantetemp/tLPkk/

1 个答案:

答案 0 :(得分:3)

奇怪的是,如果你将相邻的兄弟组合器更改为general sibling combinator~为第二个{{},那么它似乎有用(在Chrome 28中 - 我认为你的评论中有问题) 1}} - 例如

<label>

http://jsfiddle.net/tLPkk/1/