HTML css <a>标签点击后样式

html-css011

HTML css <a>标签点击后样式,第1张

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)