css解决ios端按钮和输入框自带圆角的问题
来源:互联网 发布:网络摄像机ip搜索工具 编辑:程序博客网 时间:2024/05/08 00:26
请在这里查看示例 ☞ borderRadius示例
问题重现
在ios端,我们不想使用按钮或输入框自带的圆角样式,改如何取消呢?
问题解决
- -webkit-appearance : none ;/解决ios上按钮的圆角问题/
- border-radius: 0;/解决ios上输入框圆角问题/
- ios端示例截屏如下:
示例源码
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><title>demo</title><style> * { margin: 0; padding: 0; } body, html { width: 100%; height: 100%; } button, input { width: 90%; margin: 0 auto; display: block; box-sizing: border-box; height: 50px; line-height: 50px; } .bBtn { -webkit-appearance : none ;/*解决ios上按钮的圆角问题*/ } .bInput { border-radius: 0;/*解决ios上输入框圆角问题*/ }</style></head><body> <button class="aBtn">ios这个按钮有圆角</button> <button class="bBtn">ios这个按钮没有圆角</button> <input class="aInput" type="text" placeholder="ios这个输入框有圆角"/> <input class="bInput" type="text" placeholder="ios这个输入框没有圆角"/></body></html>
2 0
- css解决ios端按钮和输入框自带圆角的问题
- 解决输入框和按钮不在同一行的问题
- 解决html页面中含有input输入框fixed布局底部按钮在Android和ios中被弹起的问题
- CSS清除ios设备表单按钮自带样式问题
- 解决iOS输入框和button圆角问题
- iOS 解决键盘挡住输入框的问题
- IOS 解决键盘挡住输入框的问题
- [iOS]解决键盘弹出时挡住输入框的问题
- iOS 解决键盘挡住输入框的问题
- IOS 解决键盘挡住输入框的问题
- IOS 解决键盘挡住输入框的问题
- iOS 解决键盘挡住输入框的问题
- IOS 解决键盘挡住输入框的问题
- ios 解决键盘挡住输入框的问题
- IOS解决键盘挡住输入框的问题
- iOS解决键盘遮挡输入框的问题
- unity在webgl端 输入框无法输入中文和中文显示问题的解决
- iOS解决键盘遮挡输入框问题
- generator 、一个无限迭代器
- osg添加骨骼模型
- DateTime.Now.ToString ("yyyy:MM:dd,hh:mm:ss") 12小时制转成24小时制
- 数据结构课程设计—通讯录管理系统
- AMD芯片的电脑用虚拟机装MACos总失败,求大神指点啊
- css解决ios端按钮和输入框自带圆角的问题
- iOS 开发 设置网络请求允许使用http
- 802.1X协议--交换机知识
- 不用先上传图片在回显,直接回显图片方法
- JS(五)继承
- ios ArcGIS地图截屏 模仿设备 home键加电源键截屏 地图快照
- HelloCharts实现Y轴自定义分区及颜色
- 请求式分页存储管理算法(操作系统)C/C++
- 描述 null 和 undefined 的区别