纯CSS自定义radiocheckbox样式
时间：2023-03-30 23:24:59
CSS
之前制作自定义样式radio和checkbox时，结构一直是这样的然后把diyRadio的样式定义成一个新的Radio，然后用js关联起来，今天才知道可以用tagforAttribute+:checked就搞定了，纯CSS（真不该搞，学东西还是要认真仔细。）DIY单选项显示示例如下：
/*CSS*/.radio-beauty-container{font-size:0;}.radio-beauty-container.radio-beauty:hover,.radio-beauty-容器输入[type="radio"]:checked+。radio-beauty{padding:2px;背景色：绿色；background-clip:content-box;}.??radio-beauty-container.radio-name{vertical-align:middle;font-size:16px;}.radio-beauty-container.radio-beauty{width:18px;高度：18px；框大小：边框框；显示：内联块；边框：1px纯绿色；垂直对齐：中间；边距：015px03px；border-radius:50%;}.radio-beauty-container.radio-beauty:hover{box-shadow:007pxgreen;}效果：http://codepen.io/jawil/pen/N...(示例作者：jawil(codepen))
