如何直接更改链接行为？

我想要做的就是改变鼠标悬停在鼠标上时链接的行为方式。我不想使用任何样式表，只需将其直接添加到锚标记中即可。

事情是这样的：

<a style=" a:hover"text-decoration: underline;color:red;"" href="www.www.www"> LINK </a>

任何想法？

谢谢:)

来源

2011-12-07 Dan Von John Thorne

您不能添加伪像直接将hover直接拖放到html中的样式元素。你必须使用样式表（或JavaScript）。 – ScottS

有没有一个（好）的理由你不想使用样式表？ – PeeHaa

是的，我无法使用样式表。它的意思是一个快速的飞行div添加到一个大型网站，以前没有任何类型的风格本身。 –

style atributes并不意味着处理pseudo-classes在线。

要获得<a>标签内的效果在线，你可以尝试：

HTML

<a href="www.www.www" 
    onmouseover="this.style.textDecoration='underline'; this.style.color='red';" 
    onmouseout="this.style.textDecoration=none; this.style.color='';"> 
    LINK</a>

或通过JavaScript函数

HTML

<a href="www.www.www" 
    onmouseover="Hover(this, true);" 
    onmouseout="Hover(this, false);"> 
    LINK</a>

的JavaScript

function Hover(element, hover) 
{ 
    element.style.textDecoration = hover ? 'underline' : 'none'; 
    element.style.color = hover ? 'red' : ''; 
}

当然，CSS处理这个好多了，会推荐的方式做到这一点：

HTML

<a href="www.www.www">LINK</a>

CSS

a:hover { color: red; text-decoration: underline; }

有没有你不能使用样式表的一个原因？

来源

2011-12-07 14:56:08 hunter

是的，我无法使用样式表。这是一个快速的飞行div添加到一个大型网站，以前没有任何形式的风格本身。 –

这是不可能做一个悬停（或任何虚拟类的事情）与锚内嵌CSS只。

可能的解决方案是使用JavaScript与onmouseoverevent，然后更改样式（但包括JavaScript和我不会使用JavaScript的样式）。或者在<style>标签中使用css。

在另一方面我不明白你为什么不能包含样式表（内部或外部）其他然后，当你使用它的XSS或类似的东西：对

来源

2011-12-07 14:56:16

是的，我无法使用样式表。它的意思是一个快速的飞行div添加到一个大型网站，以前没有任何类型的风格本身。 –

如何直接更改链接行为？

回答

相关问题