前幾天寫頁面的時候，一個順手把div加上了cursor:pointer。其實在移動端，有沒有光標沒有什麽差別，但是加上cursor這個樣式后，導致點擊div出現了屏幕閃爍的現象。
猜想可能是因爲cursor的關係，瀏覽器把div當成了一個可點擊元素，導致出現了背景框，而又由於基礎樣式中改寫了背景的顔色和透明度，所以出現了點擊后灰白閃爍的現象。
解決方法：
1、去除div的cursor樣式，畢竟沒有什麽實際用處；
2、在設置cursor的元素中，將背景框顔色寫成透明即可；
*{ -webkit-tap-highlight-color: transparent; }
前幾天寫頁面的時候，一個順手把div加上了cursor:pointer。其實在移動端，有沒有光標沒有什麽差別，但是...
记录一下：cursor:pointer; cursor:hand 与 cursor:pointer 的效果是一样的...
cursor:pointer;
cursor:pointer
cursor： pointer； 鼠标变小手cursor： text； 文本指示cursor： move；...
cursor:pointer; pointer-events: none; pointer-events：auto...
cursor:crosshair;十字光标 cursor:pointer/hand;手型 cursor:wait;...
一、鼠标 Cursor: pointer鼠标变成小手 Cursor: default;小白 Cursor : mo...
cursor：pointer变成小手
cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。 cursor:hand ：...
本文标题：cursor: pointer和tap-highlight-co
本文链接：https://www.haomeiwen.com/subject/djwpwttx.html
网友评论