内联 css javascript 文本装饰答案

【问题标题】：inline css javascript text decoration内联 css javascript 文本装饰
【发布时间】：2014-03-11 18:46:57
【问题描述】：

如果我在 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;";

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

谢谢！

【问题讨论】：

请做个小提琴：jsfiddle.net
在这里工作正常，您面临的问题是什么。Check demo.
jsfiddle.net/mqrrA/32 第 90 行。当您单击地图上的标记时，标题是一个链接 - 但我不希望它带有下划线，我想更改链接颜色。我将 text-decoration:none 输入到 css 元素（与 javascript 内联）但它不起作用
jsfiddle.net/BqbZM/1 不，它不是 Saurabh。如果你链接到 hellp，它会变成下划线

标签： css text hyperlink styles

【解决方案1】：

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

要解决此问题，您需要将样式分配给 a 标记。所以基本上你会改变这个：

方法一

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/

【讨论】：

很好，谢谢 :) 有没有办法让悬停、活动、访问的链接颜色也一样？
现在如果有人能解决我的循环功能问题，哈哈....stackoverflow.com/questions/21742651/…
当然。另外，不要给你压力或任何东西，但如果我的回答确实有助于解决你的问题，你能否将其标记为正确答案
天哪，这里就像一个高压锅。哈哈。我当然可以 :) 再次感谢您的帮助 - 为我节省了很多时间。