关闭

移动端对radio和checkbox的样式调整

标签: radiocheckbox
178人阅读 评论(0) 收藏 举报
分类:
<style>
*{padding: 0;margin: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
#checkbox{width:25px;height: 25px;-webkit-appearance: none;background: #ccc;}
#checkbox:checked{background: #ff0;}
.radiobox{width:25px;height: 25px;-webkit-appearance: none;background: #0ff;}
.radiobox:checked{background:#00f;}

</style>
</head>
<body>
 <div class="container">
    <input type="checkbox" id="checkbox"/> <br/>
    <input type="radio" class="radiobox" name="question"/>A <input type="radio" class="radiobox" name="question"/>B
 </div>
</body>
</html>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:906次
    • 积分:28
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档