html的radio设置成按钮

要将HTML的radio设置成按钮，可以使用CSS样式来实现。可以使用以下代码：

HTML代码：

<label>
  <input type="radio" name="options" value="1">
  <span>选项1</span>
</label>
<label>
  <input type="radio" name="options" value="2">
  <span>选项2</span>
</label>

CSS代码：

input[type="radio"] {
  display: none;
}

input[type="radio"] + span {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}

input[type="radio"]:checked + span {
  background-color: #007bff;
  color: #fff;
}

通过display:none;将原本的radio隐藏，然后通过CSS样式将label标签中的span标签样式设置成按钮，再通过:checked伪类来控制选中状态下的样式。