HTML-取消div,a等标签点击效果

一、背景

当标签被设置onclick事件之后，在有些手机浏览器中，点击这些标签，会有点击变色效果。想要取消点击变色效果。通过为div和标签元素添加-webkit-tap-highlight-color样式属性，可以有效地解决这一问题

二、解决方案

已a标签示例,其他标签同理

   a {/* 设置所有链接颜色 */color:rgba(255, 255, 255, 1);/* 去除下划线 */text-decoration: none;/* 取消标签点击变色效果 */-webkit-tap-highlight-color:rgba(0,0,0,0);}