• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

手机浏览器（移动端）去除onclick点击事件后文字出现的背景颜色_CSS学习

当前位置：网站建设 > 技术支持

移动端开发的一个很大的好处就是可以不管讨厌的IE浏览器的兼容性，只需要页面在火狐等一些高级浏览器中正常显示就行。
最近在写一些移动端的页面，刚好在今天遇到了这么一个神奇的css特性。那就是tap-highlight-color

这个特效是实现在移动端点击某个地方的时候，比如说按钮或者超链接的时候，系统会默认加上一些灰色的背景和一些高亮的效果。但是有的时候我们并不想要这些效果。并且希望点击的时候实现神不知鬼不觉的感觉，，这个时候就要用到tap-highlight-color了。只需要在点击的元素中加一个css样式即可，如下：
-webkit-tap-highlight-color:rgba(0,0,0,0);

这个样式还可以设置点击时候的背景色：例如:

-webkit-tap-highlight-color: rgba(240,240,240,0.7);

则可改变元素被点击时背景框的颜色。

另外还有一个设置选中文字颜色的方法。

通常我们选中文字时的背景色是蓝色。我们可以用以下样式去设置网页的选中内容的样式：

::selection { background:#FFF; color:#333; }

::-moz-selection { background:#FFF; color:#333; }

::-webkit-selection { background:#FFF; color:#333;}

如果要去掉选中时的颜色，把background都置为none就行了。

CSS3 修改和去除移动端点击事件出现的背景框

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。