原文:清除移動端網站點擊a標簽時閃現的邊框或遮罩層(CSS)

在移動端網站,當你點擊加了a標簽的文字或圖片時,該元素的周圍會閃現一個藍色的邊框,在微信上的網站就是如此 而有的瀏覽器會閃現一個半透明遮罩層,比如移動端的Chrome瀏覽器,其實這些特效無非就是為了告訴用戶已點擊了該元素,提升用戶體驗,但有的時候你會覺得這些特效看起來很別扭,就想着清除它,其實這很簡單,只要加上一句CSS就行了。 清除所有a標簽在點擊時出現的特效:a webkit tap hig ...

2015-04-03 11:30 0 2843 推薦指數:

查看詳情

css取消a標簽移動點擊的背景顏色

一、取消a標簽移動點擊的藍色-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;  二、使用圖片 ...

Fri Aug 04 04:49:00 CST 2017 0 6742
vue移動端出現遮罩遮罩滑動禁止遮罩下方頁面滑動

h5頁面 點擊出現彈框遮罩上面滑動 下方的頁面會出現滑動現象 解決方法 我知道的有以下兩種 在遮罩標簽上添加@touchmove.prevent 把遮罩顯示把下方的父盒子css設置為固定定位寬100%高100%超出隱藏 兩種方法都行 ...

Thu Jul 25 22:15:00 CST 2019 0 1769
彈出頁面遮罩,以及web移動阻止遮罩的滑動。

  最近項目遇到了遮罩的一些問題,總結一下: 彈出遮罩 遮罩彈出有非常多的方法,這里只寫出本人用的代碼,使用jq操作dom的方法進行實現的。 #bg為透明度為0.6的一個遮罩頁面,.box為遮罩上的按鈕。 有了觸發遮罩的行為后,設置遮罩 ...

Thu Aug 25 20:02:00 CST 2016 0 18082
vue實現一個移動屏蔽滑動的遮罩

在扯廢話浪費大家的時間之前,先上個代碼好了,使用vue實現起來很簡單…… 對,就是這么簡單,加上@touchmove.prevent就可以屏蔽滑動頁面了,然后再和普通的遮罩一樣,加點樣式 如此,便可以了_(:з)∠)_,vue真是好用啊…… 以下是廢話和原理 開發移動頁面 ...

Mon Dec 19 02:08:00 CST 2016 11 29248
移動H5頁面遮罩

1.建一個遮罩div <div id="cover"></div> 2.設置遮罩樣式 #cover { position: absolute; left: 0px; top: 0px; background ...

Tue May 26 22:55:00 CST 2020 0 2674
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM