web前端:取消a标签在移动端点击时的背景颜色
马六甲海峡
2024-04-23 23:50
背景(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简写属性在一个声明中设置所有的背景属性。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341