移动端网页点击链接出现蓝色背景如何解决

css中加入如下代码即可解决:

*{-webkit-tap-highlight-color:rgba(0,0,0,0);}

说明:*号表示应用与所有的元素。

可能有的小伙伴对这个属性表示很陌生,我们来对这个属性做一下简单的介绍~

-webkit-tap-highlight-color介绍:

当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色,想要禁用这个高亮,设置颜色的alpha值为0即可。

这也意味着你同样可以通过这个属性来改变链接背景的显示颜色。

如果你要设置为透明的,就使用-webkit-tap-highlight-color:rgba(0,0,0,0)

如果你想设置高亮色为50%透明的红色:-webkit-tap-highlight-color: rgba(255,0,0,0.5);



去掉a(超链接)下划线

a:hover{text-decoration:0;

border-bottom:0;

box-shadow:0;

-webkit-box-shadow:0}

a:focus{outline:0!important;

-webkit-box-shadow: none!important;

box-shadow: none!important;}

再不行就每个后面加上 !important



行内元素标签

<i class=xx>斜体 </i>

<span class=xx> 直体</span> 继续阅读“行内元素标签”