Css頁面按鈕去掉手勢(shì)一直是前端開發(fā)人員經(jīng)常遇到的問題。在使用移動(dòng)設(shè)備瀏覽網(wǎng)站時(shí),我們發(fā)現(xiàn)頁面按鈕普遍帶有默認(rèn)的手勢(shì),很容易誤觸或者造成用戶體驗(yàn)不好的情況。下面我們來分享一下如何去掉這些手勢(shì)。
button, a { -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
以上的代碼可以用于去掉頁面中的所有按鈕手勢(shì)。通過設(shè)置用戶選擇樣式(user-select)為none,可以防止瀏覽器默認(rèn)的按鈕手勢(shì)。
button, a { -webkit-tap-highlight-color: transparent; }
另外一種方法是通過去掉按鈕的高亮顏色,以達(dá)到去除手勢(shì)的目的。這里我們可以使用上述代碼,將按鈕的高亮顏色設(shè)置為透明,這樣按鈕在被點(diǎn)擊的時(shí)候就不會(huì)出現(xiàn)默認(rèn)的高亮顏色了。
在實(shí)際開發(fā)中,我們可以根據(jù)實(shí)際需求選擇不同的方法去除頁面按鈕手勢(shì)。只有用戶體驗(yàn)最優(yōu)化,才是我們編寫代碼的根本目標(biāo)。