a:link{text-decoration:none /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none/*指已经访问过的链接*/}
a:hover{text-decoration:none/*指鼠标在链接*/}
a:active{text-decoration:none/* 指正在点的链接*/ }
把这些的颜色都设置一下便可以解决。
一个网页对应多个 HTML文件, 超文本标记语言文件以.htm(磁盘操作系统 DOS限制的外语缩写)为 扩展名或.html(外语缩写)为 扩展名。可以使用任何能够生成 TXT类型 源文件的文本编辑器来产生超文本标记语言文件,只用修改文件 后缀即可。
超文本标记语言, 标准通用标记语言下的一个应用。
“ 超文本 ”就是指页面内可以包含图片、 链接,甚至音乐、 程序等非文字元素。
<a>标签默认文字是蓝色,点过后是文字是紫色,想改变标签文字颜色设置方法如下:a{color:black} /*设置默认颜色*/
a:link {color:blue} /*未访问颜色*/
a:visited {color:gray} /*已访问颜色*/
a:hover {color:red} /*悬浮(鼠标经过)时颜色*/
a:active {color:yellow} /*点击时的颜色*/
背景颜色颜色设置:
a {background-color: red}
方法如下:
取消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)