css3 去掉點選高光 移動端

2022-02-21 17:10:04 字數 364 閱讀 7900

在我們用手機瀏覽網頁時,當點選某個鏈結或者點選事件時 會出現一層藍色半透明的高光顯示,

css3 的-webkit-tap-highlight-color: rgba(0,0,0,0);的這個屬性完美的解決了這個問題

你只去把他放在body裡就可以了,通過屬性值你可以清晰的知道它所表達的意思 rgba都為0,意思是黑色全透明

這樣你點選的時候就不會有藍色的半透明層了

**如下:

body

當然你也可以根據自己的需要 比如說你希望點選的時候有灰色半透明層

那麼將透明度設定下

body

還可以設定不同的顏色

body

那麼這時點選的時候就是乙個紅色半透明的層

CSS3 移動端meta元標籤

分類 meta 標籤分兩大部分 http 標題資訊 http equiv 和頁面描述資訊 name 1 http equiv 屬性的 content type 值 顯示字符集的設定 語法如下 該 meta 標籤定義了 html 頁面所使用的字符集為 utf 8 就是萬國碼。設定編碼格式語法 以上為h...

CSS3 移動端meta元標籤

內容 meta 標籤分兩大部分 http 標題資訊 http equiv 和頁面描述資訊 name http 標題資訊 http equiv 屬性的content type 值 顯示字符集的設定 說明 設定頁面使用的字符集,用以說明主頁製作所使用的文字語言,瀏覽器會根據此來呼叫相應的字符集顯示 pa...

移動端重要的幾個CSS3屬性設定

去掉點選鏈結和文字框物件的半透明覆蓋 ios 或者虛框 android webkit tap hightlight color rgba 0,0,0,0 禁用長按頁面時彈出選單 ios下有效 webkit touch callout none 靜止頁面文字選擇 webkit user select ...