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/

方法2

在a中为boxText标记提供类名：

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/

内联css javascript文本装饰

1 个答案: