小编Din*_*dru的帖子

我需要对一些radio输入进行样式化.我从这里尝试了一些解决方案,但没有一个适合我.有人可以看看这段代码并告诉我我该怎么办？

这是HTML:

<div class="controls">
  <table>
    <tbody>
      <tr>
        <td>
          <label class="radio">
            <input type="radio" name="ad_caroserie" value="0">Berlina
          </label>
        </td>
        <td>
          <label class="radio">
            <input type="radio" name="ad_caroserie" value="1">Break
          </label>
        </td>
        <td>
          <label class="radio">
            <input type="radio" name="ad_caroserie" value="2">Cabrio
          </label>
        </td>
      </tr>
    </tbody>
  </table>
</div>

而CSS:

label.radio {
  background: #fcb608;
}
.radio input {
  display: none;
}
label.radio input[type="radio"]:checked + label {
  background: #000 !important;
  border: 1px solid green;
  padding: 2px 10px;
}

CSS没有预期的效果; 你能帮我么？

这是JS的一些相关摘录:

//If checkboxes or radio buttons, special treatment

  else if …