Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用于锚定标记和悬停的内联CSS_Css - Fatal编程技术网

用于锚定标记和悬停的内联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>