移动端取消iphone ipad默认按钮

只要在样式初始化里面加一句去掉css去掉iPhone、iPad的默认按钮样式

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea { -webkit-appearance: none;}

如果还有圆角的问题，

.button{ border-radius: 0; }

1、去除Chrome等浏览器文本框默认发光边框

input:focus, textarea:focus {

outline: none;

}

去掉高光样式：

input:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only;
}

当然这样以来，当文本框载入焦点时，所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了，但我们可以重新根据自己的需要设置一下，如：

input:focus,textarea:focus {

outline: none;

border: 1px solid #f60;

}

这样的话，当文本框载入焦点时，边框颜色就会变为橙色，给用户一个反馈。

2、去除IE10+浏览器文本框后面的小叉叉

只需下面一句就ok了

input::-ms-clear {

display: none;

}

3、禁止多行文本框textarea拖拽

这样按下面添加属性多行文本框就不能拖拽放大缩小了：

textarea {

resize: none;

}

在这里要提到一个属性resize，这个是CSS3属性，用于元素缩放，它可以取以下几个值：

none 默认值

both 允许水平方向及垂直方向缩放

horizontal 只允许水平方向缩放

vertical 只允许垂直方向缩放

不仅可以针对textarea元素，对大多数元素都适用，如div等，在这里不一一列举，但与textarea不同的是，对div使用时需要加上一句overflow: auto;，也就是这样才有效果：

div {

resize: both;

overflow: auto;

}

转载于:https://www.cnblogs.com/ll-taj/p/6645798.html

移动端取消iphone ipad默认按钮相关推荐

ios(iphone/ipad)开发每日一练【2011-11-14】
请教一个关于真机测试的问题疼!向各位老大求解cocos2d 处理动作播放的问题如何实现新版本的升级提醒啊 UIImagePickerController截图时图片不再截图框中间 self有什么技巧 ...
android小程序内核,小程序的运行环境：iOS（iPhone/iPad）、Android
微信小程序运行在三端:iOS(iPhone/iPad).Android 和用于调试的开发者工具. 三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的: 在 iOS 上,小程序逻辑层的 jav ...
iPhone/iPad的IAP防破解之第三方服务器二次验证
现在IAP破解很严重,让我等本来就收入不多的个人开发者更是雪上加霜.破解原理在此就不作过多讲解了.正所谓魔高一尺,道高一丈,各种防IAP破解的方法出来了,其它比较有效的是和Apple服务器二次验证.意 ...
微信与此ipad不兼容电脑也显示设备版本过低9.0_iOS系统出现怪异Bug：iPhone/iPad没法正常用；微软计划6月开测Windows 10 21H1更新...
IT服务圈儿有温度.有态度的IT自媒体平台开发者头条 1.Microsoft Edge 83 稳定版发布微软推出了 Microsoft Edge 83 稳定版(83.0.478.37),现在 ...
mac备忘录同步android,IOS技巧心得篇五：iOS备忘录，可实现全平台实时同步，iPhone ipad PC...
IOS技巧心得篇五:iOS备忘录,可实现全平台实时同步,iPhone ipad PC 2020-01-20 17:47:28 11点赞 54收藏 16评论前言: 由于生活中越来越多的手机.平板电脑 ...
使用HTML(Web)开发iOS/iPhone/iPad应用
许多人想开发自己的iOS App吧?iOS App有几种开发的方法.一种是"正规"的方法,就是Xcode+ObjC.但是这样既得学习ObjC语言,又得搭建Xcode开发环境.都弄完 ...
iPhone iPad高级编程
iPhone & iPad高级编程编辑推荐 1. 本书中的示例颇具价值,浓缩了iPhone和iPad编程智慧,具有新颖独到之处.开发人员在日常工作中可以参考这些绝佳示例迅速找到解决方案.不管 ...
u盘ios刻录_无需越狱易操作 iPhone/iPad也能当U盘
泡泡网手机频道2月20日由于iOS系统封闭问题,很多用iPhone/iPad甚至是touch的用户都会觉得往设备里考内容很麻烦,不能像其他手机(数码设备)一样连上电脑当做"U盘" ...
iOS 7: iPhone/iPad应用开发技术详解
iOS 7: iPhone/iPad应用开发技术详解作者:刘一道出版社:机械工业出版社出版年:2013-11 页数:507 定价:79.00元 ISBN:9787111440512 样章下载:h ...

移动端取消iphone ipad默认按钮

移动端取消iphone ipad默认按钮相关推荐

最新文章

热门文章