iOS下移除按钮原生样式
2015-08-26 13:06
656 查看
按钮样式,在 Android 手机浏览器中显示正常,但在 iOS Safari 浏览器中会看到按钮显示为圆角样式,设置 border-radius:0; 也不好使。
这是因为iPhone、iPad 设备上的 Safari 解析 input[type=”submit”] 和 input[type=”reset”] 按钮会以苹果浏览器的默认 UI 渲染,这样就出现了我们不需要的样式。
解决(苹果浏览器的默认 UI 渲染)的方法是在 CSS 按钮样式代码中添加一行css代码(重置按钮的样式):
-webkit-appearance:none;
在 CSS 代码中添加 “-webkit-appearance: none;”是告诉浏览器按钮 不 按 照 苹果浏览器的默认 UI 来渲染。
通常,在 CSS 中添加以下整合代码:
input[type="text"], input[type="submit"], input[type="reset"], input[type="button"], button{outline:0; -webkit-appearance:none;}
相关文章推荐
- CSS :active 伪类 元素被激活时的样式
- css的中英文对齐
- css的排版方法
- django css样式,图片路径问题解决方案
- 自定义 CheckBox样式
- div+css实现仿淘宝的产品分类菜单效果代码
- table布局与DIV+CSS布局的区别
- css笔记
- div+css实现仿猪八戒首页导航菜单效果
- css垂直居中那点事
- CSS学习笔记——响应式布局
- css min-width与max-width的使用
- HTML+CSS笔记
- PHPExcel样式控制
- CSS中display和visibility隐藏元素的区别
- html引入css文件的名字大小写问题
- 关于HTML,css3自适应屏幕,自适应宽度
- CSS浏览器兼容性问题集()两
- CSS代码段
- 慢慢说CSS第三天