h5、小程序自定义radio样式

UI在设计表单radio的时候为了适应页面整体的颜色和风格，很多时候会有自己的按钮样式，代替默认的样式，本文介绍了h5和小程序修改radio的方式。

一、h5修改radio为图片
二、小程序修改radio样式

一、h5修改radio为图片

两个按钮是两张图片

灰色代表未选中，紫色代表选中

html：

<div class="radio">
	<label>
		<!--多组单选时可以设置不同的name值，但要保证一组的两个name值相同-->
		<input type="radio" name="sex" value="" checked="checked" />
		<div class="option"></div>
		<!--该div盛放的是优化后的按钮图片-->
		<span class="opt-text">男