在这个前提下,你可以通过浏览器(在浏览器页面按F12,然后点击灰色背景)找到这个灰色背景的标签。然后你会看到background:#xxxxxx这个样式。然后你看下,这个样式右上角会有个名称和数字,分别代表这个样式在什么样式表和第几行。然后你找到这个位置,把这个样式改成bakground:none;或者你需要的颜色就可以了
可以用同样的高权重CSS属性覆盖那个CSS规则就可以。例如,默认样式为
.main{background-image:url(图片地址)}可以再写一样相同的CSS规则,比之前的权重高就可以
.main{background-image:none!important}就可以了。
CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
方法如下:
取消a标签在移动端点击时的蓝色:
-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
-webkit-user-select: none
-moz-user-focus: none
-moz-user-select: none
使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景:
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0)
-webkit-tap-highlight-color: transparent
outline:none
background: none
text-decoration: none
}
改变选中内容的背景颜色:
::selection {
background: #FFF
color: #333
}
::-moz-selection {
background: #FFF
color: #333
}
::-webkit-selection {
background: #FFF
color: #333
}
去除ios input框点击时的灰色背景:
-webkit-tap-highlight-color:rgba(0,0,0,0)