如何在现有脚本中更改字体颜色？

Question

如何在现有脚本中更改字体颜色？

4

我从一个网站得到了一个脚本来放到我的网站上，但字体颜色不是我想要的。

这个脚本是：

<script language="javascript" src="http://www.parstools.net/calendar/?type=2"></script>

现在我想要改变它的字体颜色。我应该怎么做？

我真的很感激你的帮助，谢谢。

- Sohail

2个回答

0

我猜你想改变脚本生成的 HTML 代码的字体颜色？如果是这样，只需在外部样式表中使用普通的 CSS，它将应用于添加的内容。

例如，如果你想让元素 myElement 内的文本呈现漂亮的蓝色：

#myElement {
    font-color: #0099FF;
}

如果这个脚本不是你自己写的，那么你需要分析它生成的代码，以确定你需要样式化哪些元素才能改变文本的颜色。许多嵌入到你的网站中的外部脚本包含内联 CSS 规则，这意味着你必须覆盖你的外部 CSS 样式表中的许多元素，才能改变简单的东西，比如文本颜色。你可能还需要在 CSS 规则的末尾添加 !important，以覆盖内联样式：

#myElement {
    font-color: #0099FF !important;
}

- Steve Harrison

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Daniel Vassallo · Accepted Answer

检查该脚本的源代码，它只是使用document.write()编写一个锚链接：

document.write("<a href='http://www.ParsTools.com/'>1389/1/31</a>");

您可能希望将该脚本包含在一个 <div> 中，然后使用 CSS 样式化该 <div> 中的锚链接：

<div id="calendar">
   <script src="http://www.parstools.net/calendar/?type=2"></script>
</div>

然后，您还应添加以下CSS类定义：

div#calendar a {
    color: red;
}

以下是一个完整的示例：

<!DOCTYPE html>
<html> 
  <head> 
    <title>Simple Demo</title> 

    <style type="text/css">
       div#calendar a {
          color: red;
       }
    </style>

  </head> 
  <body> 

    <div id="calendar">
       <script src="http://www.parstools.net/calendar/?type=2"></script>
    </div>        

  </body> 
</html>