欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

CSS3去除手机浏览器button点击出现的高亮框

(元素模板) / 2023-04-18 14:29
在工作中常常遇到在手机浏览器中浏览网页时。点击页面中的button或者是具备点击事件的元素,就会出现一个默认的高亮框。影响总体的感官体验。
能够用一个简单的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被选中的感觉。
Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com