移动端对radio和checkbox的样式调整
来源:互联网 发布:最新伤感歌曲 网络 编辑:程序博客网 时间:2024/06/06 09:40
<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>
*{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
- 移动端对radio和checkbox的样式调整
- 修改radio和checkbox的样式
- 修改radio和checkbox的默认样式
- radio和checkbox样式的修改
- 自定义checkbox和radio的样式
- 自定义checkbox和radio样式
- CSS定义Input之Radio和Checkbox的样式
- CSS定义Input之Radio和Checkbox的样式
- input的checkbox和radio控件样式美化
- IFE糯米学院-checkbox和radio样式的美化实现
- 纯CSS美化input radio和checkbox的样式
- css定义radio和checkbox样式
- 【HTML】radio和checkbox样式美化
- css input checkbox和radio样式美化
- JQuery中对Radio和CheckBox的对比使用
- jQuery对select、radio和checkbox的操作
- jQuery对select、radio和checkbox的操作 .
- jquery对radio单选框和CheckBox复选框的操作
- 浅谈C/C++的浮点数在内存中的存储方式
- Foundation框架定义
- 数字基root
- 微信联名登陆 - 定时刷新服务号、订阅号access_token有效时间
- PHP删除数组中的特定元素的代码
- 移动端对radio和checkbox的样式调整
- PHP中,将变量值作为变量名
- SQL一些函数
- JAVA中request.getParameterMap()用法笔记
- error:LNK2005 已经在*.obj中定义
- 使用ical4j和javamail发送会议邀请
- php 面试例子举例
- Android 自己实现 NavigationView [Design Support Library(1)]
- 关于__attribute__几个事