1：移动端点击链接元素出现蓝色边框或者出现半透明蓝色背景

如上图

解决办法：

a{outline: none;}

当上面没有效果的时候，可以试试

  * {-webkit-tap-highlight-color: transparent;-webkit-appearance: none;
}

2：PC端area热点点击会出现蓝色虚线框。

area{outline: none}

对于低版本的IE浏览器，还需要配合 hidefocus 来实现

<area hidefocus="true" ..... />

点击链接元素出现蓝色边框或者出现半透明蓝色背景相关推荐

移动端点击链接元素出现蓝色边框或者出现半透明蓝色背景
解决办法: a{outline: none;} 当上面没有效果的时候,可以试试 * {-webkit-tap-highlight-color: transparent;-webkit-appearan ...
el-drawer点击的时候为什么有边框_别再纠结背景墙边框的材料，这4种线条边框便宜又实用，简洁大方...
想要客厅成为一大亮点,而电视墙往往是不可忽视的,它也是客厅重点装修对象,电视墙的颜值分分钟影响到客厅的档次.在新房装修的时候,很多人在电视墙边框要选择什么材料而纠结,有的人花大价钱装修,效果反而显得浮 ...
css 手机点击蓝色边框,手机网站点击链接时触发颜色区块框解决办法
忙起来的时候连博客都忘记登录,就更别说写博客了,所以一不小心差点遗忘了我的泪雪博客,因子凡最近正在给泪雪网的移动端做改版,然后在开发中遇到一些新的问题,那就是手机上浏览网站,点击链接或者页面区域的时候 ...
描点链接元素的优化提升用户体验
用一些大网站的时候,发现有一个很细节的共同点:点击链接元素的时候,链接元素会产生一个明显的边框,而且这个边框的颜色和#f27b04很接近,我觉得既然很多大网站都这么做,这其中肯定有一些用户体验方面的东 ...
[css] 怎么去掉点击a链接或者图片出现的边框？
[css] 怎么去掉点击a链接或者图片出现的边框? a{text-decoration:none} img{border:0 none} 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, ...
[转]如何删除图片链接的蓝色边框？
本文转自:http://www.itkeys.cn/doc/200805/12108984898621.html [答]:如果我们设置了图片为一个链接,会发现图片四周出现了蓝色边框. 要删除边框,需要 ...
Button 按钮的点击时候出现蓝色边框
这种默认蓝色边框,有时候感觉它很固执,有时候感觉完全可以轻松应对. 直接附上效果. 谷歌浏览器: 火狐浏览器: 代码: <input class="selectFile" t ...
从Chrome中的css自定义样式按钮中删除蓝色边框
本文翻译自:Remove blue border from css custom-styled button in Chrome I'm working on a web page, and I wa ...
如何删除输入文本元素上的边框突出显示
当一个HTML元素被"聚焦"(当前被选中/标签入)时,许多浏览器(至少是Safari和Chrome)会在其周围放置一个蓝色边框. 对于我正在处理的布局,这会分散注意力,看起来不正确 ...
chrome去除蓝色边框和黄色背景色
1.chrome在选中文本框后会出现蓝色边框,如何去掉呢? 给文本框添加这个样式属性就可以解决问题了:outline:none; 2.chrome浏览器会自动记录搜过的关键字,在你下次点击文本框准备输 ...

点击链接元素出现蓝色边框或者出现半透明蓝色背景

1：移动端点击链接元素出现蓝色边框或者出现半透明蓝色背景

2：PC端area热点点击会出现蓝色虚线框。

点击链接元素出现蓝色边框或者出现半透明蓝色背景相关推荐

最新文章

热门文章