您的位置：首页 > 移动开发

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

2015-07-07 11:51 323 查看
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  radio checkbox
相关文章推荐
新的分享
章节导航