CSS3去除手機瀏覽器按鈕點擊出現的高亮框_html/css
來源:懂視網
責編:小采
時間:2020-11-27 16:08:33
CSS3去除手機瀏覽器按鈕點擊出現的高亮框_html/css
CSS3去除手機瀏覽器按鈕點擊出現的高亮框_html/css_WEB-ITnose:在工作中經常遇到在手機瀏覽器中瀏覽網頁時,點擊頁面中的按鈕或者是具備點擊事件的元素,就會出現一個默認的高亮框,影響整體的感官體驗。 可以用一個簡單的css3屬性來解決: tap-highlight-color,最好加上webkit瀏覽器前綴。 -webkit-t
導讀CSS3去除手機瀏覽器按鈕點擊出現的高亮框_html/css_WEB-ITnose:在工作中經常遇到在手機瀏覽器中瀏覽網頁時,點擊頁面中的按鈕或者是具備點擊事件的元素,就會出現一個默認的高亮框,影響整體的感官體驗。 可以用一個簡單的css3屬性來解決: tap-highlight-color,最好加上webkit瀏覽器前綴。 -webkit-t

在工作中經常遇到在手機瀏覽器中瀏覽網頁時,點擊頁面中的按鈕或者是具備點擊事件的元素,就會出現一個默認的高亮框,影響整體的感官體驗。
可以用一個簡單的css3屬性來解決: tap-highlight-color,最好加上webkit瀏覽器前綴。
-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids,個人感覺是低版本的安卓,4.0以下 */
如果你的一大div中包含了很多小的同類的小div,點擊這些小的div要觸發事件,你利用事件委托只給外層大的div綁定了點擊事件(這樣就只要綁定一次就夠啦),那這個屬性就會用上,當你點擊某個小div時就不會出現整個大div被選中的感覺。
版權聲明:本文為博主原創文章,未經博主允許不得轉載。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
CSS3去除手機瀏覽器按鈕點擊出現的高亮框_html/css
CSS3去除手機瀏覽器按鈕點擊出現的高亮框_html/css_WEB-ITnose:在工作中經常遇到在手機瀏覽器中瀏覽網頁時,點擊頁面中的按鈕或者是具備點擊事件的元素,就會出現一個默認的高亮框,影響整體的感官體驗。 可以用一個簡單的css3屬性來解決: tap-highlight-color,最好加上webkit瀏覽器前綴。 -webkit-t