html中a标签点击去掉高亮背景

最新推荐文章于 2023-10-20 16:52:11 发布
原创 最新推荐文章于 2023-10-20 16:52:11 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css

本文介绍了一种简单的方法来去除HTML中a标签点击时产生的高亮背景色效果。通过设置CSS样式属性-webkit-tap-highlight-color为透明，可以有效避免链接被点击时出现的视觉干扰。

a标签默认点击的时候会有个高亮的背景色，要把这个去掉只需要给a标签设置css样式里面加入即可：
-webkit-tap-highlight-color:rgba(0,0,0,0);

久伴❦
关注
vue鼠标选取文字高亮与点击取消高亮（标注功能）
u012914342的博客
03-30 3392
在标签上添加@mouseup事件 <div v-html="text" @mouseup="handleMouseSelect"></div> 选取文字高亮方法 handleMouseSelect () { // window.getSelection().toString()获取鼠标选定的文字 var text = window.getSelection().toString() // 避免未选择文字时对字符串进行替换 if (te
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
10-27
JavaScript中的关键词高亮是一种常见的...通过理解这个案例，开发者可以掌握JavaScript中实现关键词高亮的基本技巧，并根据需求进行相应的扩展和优化，比如支持更多高亮样式、忽略特定标签内的关键词、处理HTML实体等。
webkit 浏览器手机下 a 标签点击出现高亮的消除
twenj1616的博客
04-08 673
在手机端上 webkit 的浏览器在 a 标签被点击时会出现高亮 a { -webkit-tap-highlight-color: transparent; }
a标签高亮背景取消秘技
08-19 2987
a标签默认点击的时候会有个高亮的背景色， 要把这个去掉只需要给a标签设置css样式： a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } 顺便再加上取消掉其他的默认样式：   a:link{ text-decoration:none;outline: 0; } a:visited{ text-decoration:non...
html中超链接点击去掉高亮背景
dsq88163的专栏
03-11 1486
a标签默认点击的时候会有个高亮的背景色，要把这个去掉只需要给a标签设置css样式： -webkit-tap-highlight-color:rgba(0,0,0,0);
取消a标签在移动端点击时的背景颜色
weixin_30545285的博客
01-12 780
一、取消a标签在移动端点击时的蓝色 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; 　　 二、使用图片作为a标签的点击按钮时，当触发touchstart的时候，往往会有...
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
10-18
在这篇文章中，作者详细介绍了如何使用jQuery来实现一个常见的Web功能：在用户点击页面中的a标签（链接）并跳转后，让被点击的链接显示特定的背景色，以便用户知道当前所在页面。这种效果常见于网站的导航栏中，用来...
CSS去除移动端点击时元素产生的背景色 （推荐）
09-22
在移动设备上，当用户点击一个元素时，浏览器通常会为该元素添加一个短暂的高亮背景色，这是为了提供视觉反馈，表明用户已成功触发了触摸事件。然而，在某些设计场景下，这种默认的背景色可能不符合界面的美观要求...
关于HTML中的滚动条/去掉滚动条问题
12-14
在早期的HTML中，可以通过为`body`标签设置特定的CSS样式来定制滚动条的外观，例如颜色、阴影等。然而，当涉及到XHTML时，由于其对语法的严格要求，这种样式设置方式可能不再有效。 滚动条的样式通常包含以下几个...
vue实现a标签点击高亮方法
08-27
下面小编就为大家分享一篇vue实现a标签点击高亮方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
点击A标签后当前a变色，其它的不变色
06-26
点击A标签后当前a变色，其它的不变色,让被点击的高亮显示
用css去掉a标签点击时的默认背景色
HY_358116732的博客
05-03 5721
我们在写移动端html页面时，经常用a标签写成按钮，但是点击用a标签写成的按钮时，有默认的背景色，如果我们不想要这个默认背景色怎么办？以下提供几种方法供大家参考：取消a标签在移动端点击时的蓝色：-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-mo...
移动端去除a标签默认点击高亮
x_xiNan9416的博客
10-02 987
a { text-decoration: none; -webkit-tap-highlight-color: transparent; }
[CSS] 去除a标签超链接的虚线框和高亮效果，禁止浏览器默认input样式
我的米饭
09-09 1767
a { outline:0; -moz-outline:0; blr:expression_r(this.onFocus=this.blur())} 如果是图片区域，可以加： area { outline:0; -moz-outline:0; blr:expression_r(this.onFocus=this.blur())}
vue实现a标签点击切换高亮方法
qq_30351747的博客
06-28 816
vue实现a标签点击切换高亮方法 <template> <div id="app"> <a class="s-bt" @click="selected(1)" :class="{active: active == 1}">aaa</a> <a class="s-bt" @click="selected(2)" :class="{active: active == 2}">bbb</a> </div> </tem
去除移动端a链接点击时的高亮显示
m0_46977781的博客
06-12 516
a{ -webkit-tap-highlight-color: transparent; }
CSS——如何取消a链接点击时的背景颜色
TianXuab的博客
10-20 1994
当用户点击链接时，通常会出现一个背景颜色或者下划线来表示链接的状态。然而，有时候我们可能希望取消链接点击时出现的背景颜色，以便更好地控制链接的外观。本文将介绍如何取消a链接点击时的背景颜色，并提供相应的代码示例。在上面的示例中，我们将a链接的样式设置为取消下划线并将背景颜色设为透明。，取消链接点击时的背景颜色。取消a链接点击时的背景颜色可以通过CSS样式来实现。通过使用CSS样式，我们可以很容易地取消a链接点击时的背景颜色。，可以将链接点击时的背景颜色设为透明，从而实现取消背景颜色的效果。
a标签，选中当前菜单后高亮
weixin_30500289的博客
07-21 1077
代码如下： 1）.样式： .nav { WIDTH: 100%; HEIGHT: 60px; BACKGROUND-COLOR:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px;}.nav UL { PADDING: 0px; DISPLAY: block; MARGIN: 0px; L...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值