cursor: pointer和tap-highlight-co

2017-02-22  本文已影响0人  SA_Arthur

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

上一篇 下一篇

猜你喜欢

热点阅读