html中的radio或checkbox通过CSS修改样式

input[type=radio]:disabled {
	/*去除浏览器默认样式*/
	appearance: none;
	-webkit-appearance: none;
	/*自定义样式*/
	position: relative;
	width: 14px;
	height: 14px;
	border: 1px solid #777;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	opacity: 1;
	outline: none;
 
}
input[type=radio]:disabled::after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	background: #0075ff;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	opacity: 1;
	transform: scale(0);
	-webkit-transform: scale(0);
}
input[type=radio]:checked:disabled::after {
	transform: scale(1);
	-webkit-transform: scale(1);
}