CSS3去除手機(jī)瀏覽器按鈕點(diǎn)擊出現(xiàn)的高亮框_html/css
來(lái)源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 16:08:33
CSS3去除手機(jī)瀏覽器按鈕點(diǎn)擊出現(xiàn)的高亮框_html/css
CSS3去除手機(jī)瀏覽器按鈕點(diǎn)擊出現(xiàn)的高亮框_html/css_WEB-ITnose:在工作中經(jīng)常遇到在手機(jī)瀏覽器中瀏覽網(wǎng)頁(yè)時(shí)，點(diǎn)擊頁(yè)面中的按鈕或者是具備點(diǎn)擊事件的元素，就會(huì)出現(xiàn)一個(gè)默認(rèn)的高亮框，影響整體的感官體驗(yàn)。 可以用一個(gè)簡(jiǎn)單的css3屬性來(lái)解決： tap-highlight-color，最好加上webkit瀏覽器前綴。 -webkit-t
導(dǎo)讀CSS3去除手機(jī)瀏覽器按鈕點(diǎn)擊出現(xiàn)的高亮框_html/css_WEB-ITnose:在工作中經(jīng)常遇到在手機(jī)瀏覽器中瀏覽網(wǎng)頁(yè)時(shí)，點(diǎn)擊頁(yè)面中的按鈕或者是具備點(diǎn)擊事件的元素，就會(huì)出現(xiàn)一個(gè)默認(rèn)的高亮框，影響整體的感官體驗(yàn)。 可以用一個(gè)簡(jiǎn)單的css3屬性來(lái)解決： tap-highlight-color，最好加上webkit瀏覽器前綴。 -webkit-t
在工作中經(jīng)常遇到在手機(jī)瀏覽器中瀏覽網(wǎng)頁(yè)時(shí)，點(diǎn)擊頁(yè)面中的按鈕或者是具備點(diǎn)擊事件的元素，就會(huì)出現(xiàn)一個(gè)默認(rèn)的高亮框，影響整體的感官體驗(yàn)。
可以用一個(gè)簡(jiǎn)單的css3屬性來(lái)解決： tap-highlight-color，最好加上webkit瀏覽器前綴。
-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids,個(gè)人感覺是低版本的安卓，4.0以下 */
如果你的一大div中包含了很多小的同類的小div，點(diǎn)擊這些小的div要觸發(fā)事件，你利用事件委托只給外層大的div綁定了點(diǎn)擊事件（這樣就只要綁定一次就夠啦），那這個(gè)屬性就會(huì)用上，當(dāng)你點(diǎn)擊某個(gè)小div時(shí)就不會(huì)出現(xiàn)整個(gè)大div被選中的感覺。
版權(quán)聲明：本文為博主原創(chuàng)文章，未經(jīng)博主允許不得轉(zhuǎn)載。
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
CSS3去除手機(jī)瀏覽器按鈕點(diǎn)擊出現(xiàn)的高亮框_html/css
CSS3去除手機(jī)瀏覽器按鈕點(diǎn)擊出現(xiàn)的高亮框_html/css_WEB-ITnose:在工作中經(jīng)常遇到在手機(jī)瀏覽器中瀏覽網(wǎng)頁(yè)時(shí)，點(diǎn)擊頁(yè)面中的按鈕或者是具備點(diǎn)擊事件的元素，就會(huì)出現(xiàn)一個(gè)默認(rèn)的高亮框，影響整體的感官體驗(yàn)。 可以用一個(gè)簡(jiǎn)單的css3屬性來(lái)解決： tap-highlight-color，最好加上webkit瀏覽器前綴。 -webkit-t
