博客

由于原生的样式在哟东设备上显示太小，固用CSS自定义一套radio和checkbox样式，样式代码如下

radio的样式：

input[type="radio"] {
  -webkit-appearance: none;
  background: #fff url(../image/radiostyle.gif);
  height: 30px;
  vertical-align: middle;
  width: 30px;
  background-color: transparent;
  background-position: -46px -5px;
}

input[type="radio"]:focus,
input[type="radio"]:hover {
  background-position: -8px -5px;
  outline: none;
}

input[type="radio"]:checked {
  background-position: -8px -5px;
}

input[type="radio"][disabled] {
  background-position: -46px -5px;
}

input[type="radio"][disabled]:checked {
  background-position:-8px -5px;
}

效果如下：