表单/表格
纯CSS3单选框和复选框样式美化效果
PetitQ
现在是告别单调的 html 单选框和复选框样式的时候了，这款纯 css3 单选框和复选框美化效果为您提供了解决方案。该 css 美化效果简洁大方，动画效果一流，堪称极品。默认的 html 单选框和复选框样式十分单调，如果你想美化一下它们，这款纯 css3 单选框和复选框样式美化效果是个不错的选择。
HTML 结构
<div class="controls">
<h1>Check Boxes</h1>
<input id='check-1' type="checkbox" name='check-1' checked='checked' />
<label for="check-1">Apples</label>
<input id='check-2' type="checkbox" name='check-1' />
<label for="check-2">Oranges</label>
</div>
<div class="controls">
<h1>Radio Boxes</h1>
<input id='radio-1' type="radio" name='r-group-1' checked='checked' />
<label for="radio-1">Day</label>
<input id='radio-2' type="radio" name='r-group-1' />
<label for="radio-2">Night</label>
</div>
<div class="controls">
<h1>Toggles</h1>
<input class='toggle' type="checkbox" name='check-3' checked='checked' />
<input class='toggle' type="checkbox" name='check-4' />
</div>
也想出现在这里？联系我们吧
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
