CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)

本文介绍如何在网页中自定义元素被点击时的背景框颜色,并详细阐述了如何设置选中文字的颜色样式,包括使用RGBA颜色值进行调整及去除选中颜色的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这个属性是用于设定元素在移动设备(如Adnroid、iOS)上被触发点击事件时,响应的背景框的颜色。

例如在Adnroid版本的微信中,点击a标签时将会出现一个橙色的小框表示点击的响应。

此时,如果对元素设置了tap-highlight-color值,例如:

-webkit-tap-highlight-color: rgba(240,240,240,0.7);

则可改变元素被点击时背景框的颜色。

如果需要背景框不显示,则可以将rgba中的alpha值设为0即可,例如rgba(0,0,0,0)

 

另外还有一个设置选中文字颜色的方法。

通常我们选中文字时的背景色是蓝色。我们可以用以下样式去设置网页的选中内容的样式:

::selection             { background:#FFF; color:#333; }
::-moz-selection    { background:#FFF; color:#333; }
::-webkit-selection { background:#FFF; color:#333;}

如果要去掉选中时的颜色,把background都置为none就行了。

转载于:https://www.cnblogs.com/guiren/p/5047301.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值