Radiobutton改成按钮样式

您可以使用CSS样式将Radiobutton转换为按钮样式。以下是一个示例CSS代码：

input[type="radio"] {
  display: none; /* 隐藏原来的Radiobutton */
}

label.radio-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #ccc;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin-right: 10px;
}

input[type="radio"]:checked + label.radio-button {
  background-color: #007bff;
}

在HTML中，您需要将每个Radiobutton包装在一个label元素中，并使用class名称“radio-button”：

<input type="radio" id="radio1" name="radio-group">
<label class="radio-button" for="radio1">按钮1</label>

<input type="radio" id="radio2" name="radio-group">
<label class="radio-button" for="radio2">按钮2</label>

<input type="radio" id="radio3" name="radio-group">
<label class="radio-button" for="radio3">按钮3</label>

这将创建一个类似于按钮的效果，用户可以单击Radiobutton或其相应的标签来选择选项。