自定义radio单选按钮的默认样式

效果图如下：

html代码如下所示：

<input type="radio" name="paymeradio"   value="" />

css代码如下所示：

 input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	margin: 0;
	vertical-align: text-bottom;
	margin-right: 0.1rem;
	width: 14px;height: 14px;
	border-radius: 50%;
	background-color: #FFFFFF;
	border: 1px solid #2DA7E0;
}
input[type="radio"]:checked{
	border: none;
	background-image: url(../images/radiochecked.png);
	background-size: 100%;
	background-repeat: no-repeat;
}