ios系统中input type=text/radio/checkebox取消默认样式
来源:互联网 发布:淘宝客服主管提成方案 编辑:程序博客网 时间:2024/04/25 04:21
问题:iPhone里面radio和checkbox按钮的轮廓去不掉。
input[type=radio],input[type=checkbox]{ background: url("images/check.png") no-repeat center/0.8rem 0.8rem;//未选中的背景图片 -webkit-appearance: none;//去掉默认样式 height:1rem; margin: 0 .4rem 0.1rem .3rem; width:1rem; border-radius: 0; border: none !important;//去掉边框 } form input[checked]{ -webkit-appearance:none;//去掉默认样式 background: url('images/checked.png') no-repeat center/0.8rem 0.8rem;//选中时的背景图片 }
开始一直被IOS这个按钮的边框所困惑,一直就以为是IOS兼容不好去不掉默认样式,后来试了一下border:none; 就去掉了,!important是我自己加的,怕权重不够。
阅读全文
0 0
- ios系统中input type=text/radio/checkebox取消默认样式
- 自定义input[type=radio]单选框样式
- 自定义input[type="radio"]的样式
- struts2 <input type="radio" 默认选中
- ios下button input checkbox radio 默认样式去除
- input[type="date"]默认样式修改
- input[type=date]默认样式修改
- 修改 input[type=checkbox] 默认样式
- input[type="date"]默认样式修改
- css input[type=file] 样式美化 (radio checkbox类似)
- 利用css3修改input[type=radio]样式
- css input[type=file] input[type=radio] input[type=checkbox]样式美化,input上传按钮美化
- 通过样式调整input 中password text默认长度
- 通过样式调整input 中password text默认长度
- html5中如何去掉input type date默认样式
- INPUT[type=text/password] 元素样式设置
- ie6不兼容input[type="text"]的样式写法
- 去除input[type=number]的默认样式
- 【SpringMVC学习06】SpringMVC中实现文件上传
- python的内存管理机制
- 【SpringMVC学习07】SpringMVC与前台的json数据交互
- Cocoapods安装时遇到的坑!
- js == 与 === 的区别
- ios系统中input type=text/radio/checkebox取消默认样式
- sql Resultsql详解
- 【SpringMVC学习08】SpringMVC对RESTfull的支持
- 九-3 远程调试 WebView
- Java学习要达到的30个目标
- 【SpringMVC学习09】SpringMVC中的拦截器
- Touch_Java 8:内部类和异常类
- 喜讯:中国开源软件推进联盟PostgreSQL分会正式成立 瀚高软件董事长苗健先生接受分会秘书长任命
- 实时进行GZIP压缩优化Asp.Net页面的CompressionModule对Asp.Net Ajax及搜索引擎的兼容性测试!