Question

表单里面的radio单选框在手机显示下，怎么调他的大小？或者更改他选中后的样式

在电脑端怎么我知道是调整width和hight，但这个方法在手机页面没效果，所以我想改下他选中后的样式或者谁知道怎么调整它的大小

Answer 1

样式美化吧.

input[type=radio] {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	-webkit-appearance: none;
	background-color: transparent;
	border: 0;
	outline: 0 !important;
	line-height: 20px;
	color: #d8d8d8;
}
input[type=radio]:after {
	content: "";
	display:block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
  text-align: center;
  line-height: 14px;
  font-size: 16px;
  color: #fff;
	border: 3px 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;
}