前幾天寫頁面的時候,一個順手把div加上了cursor:pointer。其實在移動端,有沒有光標沒有什麽差別,但是加上cursor這個樣式后,導致點擊div出現了屏幕閃爍的現象。
猜想可能是因爲cursor的關係,瀏覽器把div當成了一個可點擊元素,導致出現了背景框,而又由於基礎樣式中改寫了背景的顔色和透明度,所以出現了點擊后灰白閃爍的現象。
解決方法:
1、去除div的cursor樣式,畢竟沒有什麽實際用處;
2、在設置cursor的元素中,將背景框顔色寫成透明即可;
*{ -webkit-tap-highlight-color: transparent; }
cursor: pointer和tap-highlight-color
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。