Question

我有HTML，我无法更改，我需要为其中的输入元素应用CSS样式（类型：radio）。但我不能这样做。已经花了好几个小时试图让它工作。它甚至可能吗？

以下是我要实施的示例：

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

Answer 1

这一行

input[type="radio"]:checked + label:before

表示与<label>相邻的任何input[type="radio"]:checked。由于跨度，第一个不相邻。

如果你把它们全部放在一边，它也不起作用，原因同样如此。

选项1

如果您可以使用javascript，则可以标记所选span的{{1}}并使用类似

的内容

radio

选项2

如果将span.checked-in-me + label:before中的标签与span放在一起是一种选择 - 可以提供帮助。

关于radiobuttons的CSS问题

1 个答案: