900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 手机浏览器(移动端)去除onclick点击事件后文字出现的背景颜色 – CSS – 前端

手机浏览器(移动端)去除onclick点击事件后文字出现的背景颜色 – CSS – 前端

时间:2020-12-24 02:52:00

相关推荐

手机浏览器(移动端)去除onclick点击事件后文字出现的背景颜色 – CSS – 前端

这个特效是实现在移动端点击某个地方的时候,比如说按钮或者超链接的时候,系统会默认加上一些灰色的背景和一些高亮的效果。但是有的时候大家并不想要这些效果。并且希望点击的时候实现神不知鬼不觉的感觉,,这个时候就要用到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 修改和去除移动端点击事件出现的背景框

手机浏览器(移动端)去除onclick点击事件后文字出现的背景颜色 – CSS – 前端 css3机器猫代码

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。