Javascript 按照我的概念定制收音机盒

定制这种收音机盒的最佳方式是什么。它应该适用于ie10、chrome和firefox。 我不能用css和javascript自己制作所有东西。有更好的办法吗

概念：

---

我最近尝试了类似的方法，下面的教程对我有所帮助

---

在我的例子中，我使用了背景图像解决方案

隐藏输入和样式标签：

input[type='checkbox']{
  display: none;
}

label{
  border: 1px solid #ddd;
  padding: 10px;
  position: relative;
  padding-left: 36px;
}

label::before{
  position: absolute;
  left: 10px;
  top: 10px;
  content: '';
  box-shadow: 0px 0px 2px #999;
  border: 2px solid #fff;
  width: 12px;
  height: 12px;
}

input:checked + label::before{
  background: #ccc;
}

---

回答得好！单选按钮也可以吗？固定大小可能吗？当然可以，只需输入一个宽度和

display:inline block