cursor: pointer和tap-highlight-color

前幾天寫頁面的時候,一個順手把div加上了cursor:pointer。其實在移動端,有沒有光標沒有什麽差別,但是加上cursor這個樣式后,導致點擊div出現了屏幕閃爍的現象。
猜想可能是因爲cursor的關係,瀏覽器把div當成了一個可點擊元素,導致出現了背景框,而又由於基礎樣式中改寫了背景的顔色和透明度,所以出現了點擊后灰白閃爍的現象。
解決方法:
1、去除div的cursor樣式,畢竟沒有什麽實際用處;
2、在設置cursor的元素中,將背景框顔色寫成透明即可;
*{ -webkit-tap-highlight-color: transparent; }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 为何叫做 shell ? shell prompt(PS1) 与 Carriage Return(CR) 的关系?...
    Zero___阅读 8,413评论 3 49
  • 勇利的運氣糟透了。 他覺得只有這個原因可以解釋到底為什麼這種事情會發生在他身上。 他並不覺得自己是個沒禮貌的人,但...
    AmandaHuang阅读 4,572评论 0 2
  • 83年春天的某个早晨,海从娘胎顺利毕业。尽管没有拿到任何的学位,父母还是以他为荣,看着这个不到4斤的小猫一样的儿子...
    惊涛007阅读 1,409评论 0 0
  • “你孤独吗?” 似乎在繁杂的生活中,很少会有人问这个问题。绝大多数的人都在逃避孤独,当然,也包括我自己。我们害怕孤...
    one飞鸟无痕阅读 2,578评论 0 0
  • 如果我能够像爱上你一样轻易爱上一个别的人就好了,或者在遇见你之前就把那毫无准备的爱上给其他的人就好了,可是我知道的...
    快乐滴吃吃女孩阅读 1,315评论 0 0

友情链接更多精彩内容