单选按钮手机端不兼容? 重置按钮样式!!!

input[type=radio] {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  outline: 0 !important;
  line-height: 20px;
  color: #d8d8d8;
}
input[type=radio]:after {
  content: "";
  display:block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #ddd;
  background-color: #fff;
  box-sizing:border-box;
}
input[type=radio]:checked:after {
  content: "L";
  transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);
  -webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);
  border-color: #099414;
  background-color: #099414;
}

posted @ 2018-03-12 15:11  麦芽无心  阅读(738)  评论(0编辑  收藏  举报