关于radiobuttons的CSS问题

时间:2015-03-26 10:04:07

标签: html css

我有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>元素也可以有类。

1 个答案:

答案 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放在一起是一种选择 - 可以提供帮助。