【CSS】-webkit-tap-highlight-color

         -webkit-tap-highlight-color 是一个没有标准化的属性,能够设置点击链接的时候出现的高亮颜色。显示给用户的高光是他们成功点击的标识,以及暗示了他们点击的元素。

        (移动端)有事件监听的元素被点击的时候会被高亮显示,表现为一个蓝框加上半透明的背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮,设置颜色的alpha值为0即可。

        该属性可以只设置透明度,如果未设置透明度,会使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。


示例:设置高亮为50%透明的红色:-webkit-tap-highlight-color:rgba(255,0,0,0.5);


禁用颜色的实例:

-webkit-tap-highlight-color: rgba(0,0,0,0); 或

-webkit-tap-highlight-color: transparent; /* For some Androids */

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值