很多时候为了美观以及用户的体验input下面的radio改变样式我闲麻烦，恰巧在最近写页面的时候遇到了这样的疑问，图标自己去阿里图标库阿里巴巴矢量图标库

代码很简单，自己试试就知道哈哈 ~~~

下面就看看我的效果图

Html代码部分

Css代码部分

cursor:pointer这个是个hover实现小手的属性，就是当你的鼠标放在选择按钮的时候，变成小手状态。

Js代码部分