用于锚定标记和悬停的内联CSS
我的印象是,更改悬停上的锚定标记可以这样做:用于锚定标记和悬停的内联CSS,css,Css,我的印象是,更改悬停上的锚定标记可以这样做: a:hover {background: #FFDD00;} a:hover {color: #AAAAAA;} 如果我错了,请纠正我 现在,由于一些复杂的原因,我不能把代码放在样式表中,我必须把它放在实际的HTML中。我该怎么做 <a href="..." style="___???___">...</a> 没有办法做到这一点 内联CSS不能触及伪类,例如:hover 我猜您之所以要这样做,是因为您只能编辑HTML的(
a:hover {background: #FFDD00;}
a:hover {color: #AAAAAA;}
如果我错了,请纠正我
现在,由于一些复杂的原因,我不能把代码放在样式表中,我必须把它放在实际的HTML中。我该怎么做
<a href="..." style="___???___">...</a>
没有办法做到这一点 内联CSS不能触及伪类,例如
:hover
我猜您之所以要这样做,是因为您只能编辑HTML的
(无论出于何种原因)。您可以做的是添加样式
元素:
<style>
a:hover {
background: #FFDD00;
color: #AAAAAA;
}
</style>
<a href="#">...</a>
a:悬停{
背景:#FFDD00;
颜色:#AAAAA;
}
在
之外使用样式元素不是有效的HTML,但(至关重要的是)它在所有浏览器中都能工作。我很确定您不能内联应用psudo类,但您可以通过javascript内联应用
e、 g
如果不能将悬停CSS放入标记中,那么最好的处理方法就是使用JavaScript。我通常不认为这是一个好方法,但听起来你在这里束手无策
<a href="..."
onmouseover="this.style.backgroundColor='#ffdd00';this.style.color='#aaaaaa'"
onmouseout="this.style.backgroundColor='transparent';this.style.color='inherit'">
...
</a>
希望这对你有用 您可以将两种样式放在同一块中,如下所示
a:hover {
background: #FFDD00;
color: #AAAAAA;
}
如果您不能使用外部样式表,您可以在页面的头部添加样式块
...
<style>
a:hover {
background: #FFDD00;
color: #AAAAAA;
}
</style>
</head>
...
。。。
a:悬停{
背景:#FFDD00;
颜色:#AAAAA;
}
...
在一个旧论坛中发现了这一点,似乎效果很好:)
最好在外部样式表中遵循上面提出的建议,但无论出于什么原因,您确实需要这样做,请尝试以下方法:
a href=”“style=“文本装饰:下划线;颜色:蓝色;”“我需要这个设置电子邮件中链接的悬停样式。。。不幸的是,gmail删除了样式标签、外部样式引用以及javascripts。。。所以没有希望了?关闭
标记需要一个正斜杠<代码>
可能重复的
...
<style>
a:hover {
background: #FFDD00;
color: #AAAAAA;
}
</style>
</head>
...
<a href="###" style="text-decoration: none;" onmouseover="this.style.textDecoration = 'underline'" onmouseout="this.style.textDecoration = 'none'">###</a>