CSS 是用來美化網站樣式的語言,但是在移動端上,當我們點擊元素時,會出現一個灰色陰影,這個陰影會影響我們網站上其他部分的樣式,所以我們需要去除移動端高亮。
我們可以通過給<a>
標簽添加-webkit-tap-highlight-color: transparent;
屬性來去除移動端高亮,如下所示:
a { -webkit-tap-highlight-color: transparent; }
除了-webkit-tap-highlight-color: transparent;
屬性,我們還可以添加其他屬性來去除移動端高亮,例如outline: none;
屬性和user-select: none;
屬性:
a { -webkit-tap-highlight-color: transparent; outline: none; user-select: none; }
這些屬性的作用分別是:
-webkit-tap-highlight-color: transparent;
屬性:去除點擊時的高亮outline: none;
屬性:去除點擊時的邊框user-select: none;
屬性:禁止選中元素
上一篇vue日歷的容器