鍍金池/ 問答/HTML5  HTML/ vuejs 如何去掉v-on:click事件自動(dòng)添加的點(diǎn)擊樣式

vuejs 如何去掉v-on:click事件自動(dòng)添加的點(diǎn)擊樣式

圖片描述

灰色區(qū)域的代碼:

<div class="like" v-on:click="msgLike()">
    <img class="icon-com-like" src="../../icon/like.png" />
    <span>{{likeNum}}</span>
</div>

如圖,這個(gè)div添加v-on:click事件后,居然自動(dòng)添加了該div的點(diǎn)擊樣式,就是點(diǎn)擊或者觸摸時(shí)背景會(huì)變灰,但我在這又不想要這個(gè)點(diǎn)擊樣式,要如何去掉呢?

PS:目前只發(fā)現(xiàn)在移動(dòng)端下有這種效果,桌面端鼠標(biāo)點(diǎn)擊不會(huì)出現(xiàn)

回答
編輯回答
短嘆

-webkit-tap-highlight-color:

-webkit-tap-highlight-color: transparent;
2018年6月25日 18:42