失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html取消图片选中效果 web前端:取消a标签在移动端点击时的背景颜色

html取消图片选中效果 web前端:取消a标签在移动端点击时的背景颜色

时间:2019-01-02 19:31:38

相关推荐

html取消图片选中效果 web前端:取消a标签在移动端点击时的背景颜色

背景(background)属性定义元素的背景效果元素的背景区包括前景之下直到边框边界的所有空间。因此,内容框与内边距都是元素背景的一部分,且边框画在背景上。css允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果;CSS在这方面的能力远远在html之上。

取消a标签在移动端点击时的背景颜色

一、取消a标签在移动端点击时的蓝色

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;

}

四、去除iosinput框点击时的灰色背景

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

background简写属性在一个声明中设置所有的背景属性。

如果觉得《html取消图片选中效果 web前端:取消a标签在移动端点击时的背景颜色》对你有帮助,请点赞、收藏,并留下你的观点哦!

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