内嵌CSS JavaScript文字装饰

Question

如果我在javascript行中的元素具有以下代码：

boxText.style.cssText = "text-decoration: none; border:1px solid black;    margin-top: 8px;    background:black;    color:white;    font-family:Arial, Helvetica, sans-serif;    font-size:12px;    padding: .5em 1em;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3x;    text-shadow:0 0px #000000;    -webkit-box-shadow: 0 0  8px #000;    box-shadow: 0 0 8px #000;";

我如何才能使文本装饰不起作用并控制悬停，活动，访问，链接颜色？ 一切正常，但文本修饰有效，我不知道如何合并链接颜色样式。

谢谢！

Answer 1

问题是您的boxText是一个div，其初始化为var boxText = document.createElement("div");

要解决此问题，您需要将样式分配给a标签。 因此，基本上，您将更改此设置：

方法1

boxText.innerHTML = "<a href='" + portfolios[i][4] + "'>"

对于这样的事情

boxText.innerHTML = "<a href='" + portfolios[i][4] + "' style='text-decoration:none; color:red;'>"

在本演示中，你会发现a标签没有边界 ，它的红色

http://jsfiddle.net/vumu6/

方法二

在您的boxText内给a标签，一个类名，例如：

boxText.innerHTML = "<a href='" + portfolios[i][4] + "' class='caption-title-link'>"

然后，您可以对样式中的.caption-title-link类执行任何操作。 例如

.caption-title-link {
    text-decoration:none; 
    color:red;
}

.caption-title-link:hover {
    color: blue;
}

.caption-title-link:active {
     color: green;   
}

演示： http ： //jsfiddle.net/zqCdt/