input radio 选中css样式,css input checkbox和radio样式美化(示例代码)

在之前的一篇文章中，我已经介绍了input file上传按钮的美化，地址：http://www.haorooms.com/post/css_input_uploadmh ,今天，我们来讲一下checkbox美化和radio美化，关于select下拉框的美化的话，要用一个jquery插件了，这个插件后面我们再讲！急用的同学可以留言！ 但是像checkbox美化和radio美化，input美化，根本就不用插件了。思路都一样的，先把之前的按钮透明度opacity设置为0,然后，外层用div包裹，就实现了美化功能。

效果图如下：

html代码如下：

css 代码：

.pay_list_c1 {width:24px;height:18px;float:left;padding-top:3px;cursor:pointer;text-align:center;margin-right:10px;background-image:url(images/inputradio.gif);background-repeat:no-repeat;background-position:-24px0;}.radioclass {opacity:0;cursor:pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}.on {background-position:00;}

图片下载：

checkbox方法一样：

html