当前位置:首页教程中心网站教程CSS清除点击元素移动端蓝色边框

CSS清除点击元素移动端蓝色边框

做网页的时候,经常会遇到一些自带的边框影响美观。比如输入框、链接这些,点一下就会出现边框,看着不舒服。
想去掉这些边框,有个常用的办法,加一段 CSS 代码就行:

了这个,那些表单元素、链接获得焦点时的边框就没了。
 
不过在手机上,情况有点不一样。有时候不管点什么东西,哪怕不是输入框或者链接,都会冒出个蓝色的框。这不是上面那种情况,是手机浏览器自己加的点击标记。
 
想去掉手机上这个蓝色框也不难,再加一段代码:

这段代码专门管手机上点击元素时的高亮颜色,设成透明,那个讨厌的蓝色框就不见了,而且不影响正常点东西。
 
就这两段简单的代码,能让网页在电脑和手机上都显得更干净好看。
温馨提示:

文章标题:CSS清除点击元素移动端蓝色边框

文章链接:https://www.muooy.cn/2293.html

更新时间:2025年07月04日

1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:305582964@qq.com,我们将第一时间处理!

2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。

3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读用户协议免责声明

给TA打赏
共{{data.count}}人
人已打赏
网站教程

解决 - webkit-appearance 导致复选框消失的问题

2025-7-3 15:56:08

网站教程

不用插件!给 WordPress 评论回复加邮件通知

2025-7-4 16:02:46

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
搜索