css3自定义复选框、单选框

所属分类:输入-选择框

分享到微信朋友圈
X
css3自定义复选框、单选框 ie兼容10

入门指南 头部引入css文件: 

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/checkbox_radio.css" type="text/css">
<title>

CSS3实现自定义复选框

<label for="chk">checkbox</label>
  <input type="checkbox" id="chk" name="chk"> <input type="checkbox" id="chk2" name="chk2" checked>

  <br><br>

  <label for="rad">radio</label>
  <input type="radio" id="rad" name="rad[]">
  <input type="radio" id="rad2" name="rad[]">
  <input type="radio" id="rad3" name="rad[]" checked>

  <input type="radio" id="rad7" name="rad[1]">
  <input type="radio" id="rad8" name="rad[1]" checked>

 调用脚本:(index.js必须放在input之后)

<script src="js/index.js"></script>
相关插件-选择框

jQuery简单的列表选择器

使用jQuery插件实现左右列表项的选择功能
  选择框
 39445  393

仿去哪儿网城市选择

旅游网站可借鉴
  选择框
 39765  341

仿当当移动端省市区三级联动

仿当当网手机端的省市区去三级联动选择插件
  选择框
 56780  616

jQuery下拉框美化插件

表单的一些元素是很难或不能设置样式的,所以有些时候它们的默认样式可能会与你的设计格格不入,这时候也许美化插件是个不错的选择。
  选择框
 37291  379

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复