Question

我从网站上获取一个脚本将其放入我的网站，但字体颜色不是我想要的。

脚本是：

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

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

非常感谢你的帮助，谢谢。

Answer 1

检查该脚本的来源，只需编写一个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>

Answer 2

我假设您要更改脚本生成的 HTML 代码的字体颜色？如果是这样，只需在外部样式表中使用普通的CSS，它就会应用于添加的内容。

例如，如果你想让元素myElement内的文字变成漂亮的蓝色：

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

如果脚本不是您自己的，那么您将需要分析它生成的代码，以确定需要设置样式的元素以更改文本的颜色。您嵌入网站的许多外部脚本都包含内联CSS规则，这意味着您必须覆盖外部CSS样式表中的许多元素才能更改文本颜色等简单的内容。您可能还需要将!important添加到CSS规则的末尾才能覆盖内联样式：

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

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

2 个答案: