去除浏览器输入框等的边框（包括手机浏览器）

在电脑上只需加入

input{outline:none
}
input:focus{outline:none
}

而在手机浏览器上是没有效果的

手机浏览器需要设置

input{-webkit-tap-highlight-color:rgba(0,0,0,0);
}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);
}

转载于:https://www.cnblogs.com/fenglie/p/4283210.html

去除浏览器输入框等的边框（包括手机浏览器）相关推荐

html 360浏览器输入框自动填充,关于360浏览器自动填充表单问题以及解决方案
关于360浏览器自动填充表单问题以及解决方案浏览器发展现在的网络社会,拥有成千上万.形形色色的网站,相对应的就会存在许许多多的用户,而我们普通用户对于记住这些账号密码就显得好麻烦, 所以,现在的浏览 ...
浏览器快捷键_用浏览器输入框代替Alfred - 介绍快速唤起浏览器输入框的方法，以及它能怎么取代 Alfred...
在集智俱乐部注意力与知识管理群里最近讨论起了 Alfred,一位同志建议我使用它,他跟我分享了 alfred-github-workflow 说:「感觉作为入口,它做得很不错了.可以直接搜索我的收藏夹 ...
safari 浏览器输入框不能输入
safari 浏览器输入框不能输入前言前言今天客户反馈在苹果电脑上面使用浏览器,输入框不能输入的问题,导致用户都不能登录账号. 这里需要改成 {-webkit-user-select: aut ...
改变网页输入框闪烁光标颜色 IE浏览器输入框光标无法改变
改变网页输入框闪烁光标颜色 IE浏览器输入框光标无法改变开门见山地说最近遇到一个IE浏览器的问题,是关于网页输入框闪烁的光标的,在其他浏览器里,输入框的光标是设定好的白色,如下图: 结果好家伙, ...
IE浏览器输入框反应慢的解决方式
IE浏览器输入框反应慢的解决方式最近在跑自动化的时候,由于需要测试浏览器的兼容性,所以在IE浏览器下跑自动化遇到了这个问题解决方式: 将浏览器驱动更换成32位的.轻松解决! 下载地址:http:/ ...
浏览器[包含360浏览器]输入框自动填充问题
浏览器[包含360浏览器]输入框自动填充问题之前做的一个项目,登录界面输入框都是透明的,效果挺好,奈何360浏览器访问时总是自动填充,因时间紧急,一直未能解决,今天偶然又翻了出来,百度良久,屡试皆爽 ...
antd input框获取焦点点击输入历史保存的值后，背景颜色变成淡蓝色解决方法，输入框获取焦点后边框会有一圈淡蓝色光边
input:-internal-autofill-previewed, input:-internal-autofill-selected {// -webkit-text-fill-color: # ...
浏览器放大缩小,页面布局不变,浏览器放大百分比,页面放大到左上角,浏览器缩小百分比,页面缩小至中间(类似csdn官网效果)
效果如下: 加了红色边框的就是你实际的xxx.vue页面,放大时放大至页面左上角,缩小时,缩小至中间这是浏览器最小化后一.给App.vue设置minWidth.minHeight.maxWidth ...
作为前端你不得不知-浏览器的工作原理：网络浏览器幕后揭秘
序言这是一篇全面介绍 WebKit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果.在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源),并花 ...

去除浏览器输入框等的边框（包括手机浏览器）

去除浏览器输入框等的边框（包括手机浏览器）相关推荐

最新文章

热门文章