css里，链接<a>，当鼠标放上去和点击时，字体都是原来颜色，保持不变色？

2024年11月17日 00:54

有5个网友回答

网友（1）：

a标签原始的状态，鼠标移上去的状态，被点击的状态，都设置一种字体颜色

a,a:hover,a:active{

color:#000;

}

a:hover：鼠标处于鼠标悬停状态的链接样式

a:active：当鼠标左键按下时，被激活（就是鼠标按下去那一瞬间）的链接样式。

扩展资料：

a:visited：定义已访问过链接的样式；

a:link：定义正常链接的样式，未访问链接。

四个“状态”的先后过程是：a:link ->a:hover ->a:active ->a:visited。

去掉的下划线：

对超链接下划线设置：使用代码"text-decoration"。

语法：

text-decoration : none || underline || blink || overline || line-through

text-decoration参数：

none : 无装饰；

blink : 闪烁；

underline : 下划线；

line-through : 贯穿线；

overline : 上划线。

去掉下划线的方法就是将其text-decoration设置为none即可。

网友（2）：

下面是关于超级链接a的样式控制
a:link {
color: #FF0000; /*连接默认的颜色变化*/
}
a:visited {
color: #0000FF; /*连接访问的颜色变化*/
}
a:hover {
color: #00FF00; /*鼠标经过的颜色变化*/
}
a:active {
color: #FFFF00; /*鼠标按下的颜色变化*/
}
text-decoration：none；就是没有下划线，不写默认是有下划线的

网友（3）：

有个取巧的办法，可以试试。用id选择器给标签赋颜色值。

网友（4）：

其实解决方法很简单:
就是必须为A标签定义一组颜色
比如

11111

虽然A标签是灰色,但依然受到link影响

11111

这样就不会

网友（5）：

a{ color:inherit; }