我有HTML,我无法更改,我需要为其中的输入元素应用CSS样式(类型:radio)。但我不能这样做。已经花了好几个小时试图让它工作。它甚至可能吗?
以下是我要实施的示例:
http://jsfiddle.net/Raimondss/pKdr4/26/
.radio {
position: relative;
float: left;
clear: left;
display: block;
padding-left: 40px;
margin-bottom: 12px;
line-height: 22px;
font-size: 18px;
color: #666;
cursor: pointer;
}
其中一个<input>
元素位于<span>
元素内部,因此它不像其他按钮那样工作。我要求将所有<input>
元素放在此<span>
元素中,但之后它就会停止为我工作。有没有人对如何做到这一点有任何建议,我应该如何更改我的CSS?如何将<input>
元素放在<span>
标记内并仍具有可用功能?
P.S。 <input>
元素也可以有类。
答案 0 :(得分:0)
这一行
input[type="radio"]:checked + label:before
表示与<label>
相邻的任何input[type="radio"]:checked
。由于跨度,第一个不相邻。
如果你把它们全部放在一边,它也不起作用,原因同样如此。
选项1
如果您可以使用javascript,则可以标记所选span
的{{1}}并使用类似
radio
选项2
如果将span.checked-in-me + label:before
中的标签与span
放在一起是一种选择 - 可以提供帮助。