各系瀏覽器存在著一個用于渲染按鈕輕擊 tap
時高亮顏色的事實標(biāo)準(zhǔn)(表現(xiàn)為按鈕被點擊時會有一個背景顏色)愈犹。
有時候我們并不需要這個背景顏色肄梨,或者不想使用默認(rèn)的半透明黑色背景阻荒。我們可以通過定義 CSS 中的 -webkit-tap-highlight-color
。
其具體語法如下:
-webkit-tap-highlight-color: <color value>
其中众羡,<color value>
為可以表示顏色的值侨赡。
示例
HTML
<a id="test-anchor" href="javascript:;">Test Anchor</a>
SCSS
#test-anchor {
-webkit-tap-highlight-color: rgba(red, 0.33);
}
最終效果
未標(biāo)題-1.png