我是说用html+css+js写出类似elementui单选框按钮的样式

你可以使用如下的 HTML 和 CSS 代码创建一个类似 Element UI 单选框的按钮样式：

HTML 代码：

<label class="radio-btn">
  <input type="radio" name="radio-group" value="option-1">
  <span class="radio-btn-label">Option 1</span>
</label>

<label class="radio-btn">
  <input type="radio" name="radio-group" value="option-2">
  <span class="radio-btn-label">Option 2</span>
</label>

<label class="radio-btn">
  <input type="radio" name="radio-group" value="option-3">
  <span class="radio-btn-label">Option 3</span>
</label>

CSS 代码：

.radio-btn {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}

.radio-btn input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.radio-btn-label {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #ccc;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 8px;
}

.radio-btn input[type="radio"]:checked + .radio-btn-label:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #007aff;
}

这段代码将会创建 3 个单选框按钮，每个按钮都由一个 label 和两个元素 (input 和 span) 组成。其中，input 元素用来获取用户选择，而 span 元素包含了 label 的文本内容。

要自定义按钮的样式，你可以修改 .radio-btn-label 和 .radio-btn input[type="radio"]:checked + .radio-btn-label:after 这两个 CSS 类。