代码之家 › 专栏 › 技术社区 › Sohail

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

css html javascript

Sohail · 技术社区 · 14 年前

我从一个网站得到一个脚本,把它放进我的网站,但字体颜色不是我想要的。

剧本是:

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

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

我非常感谢你的帮助,谢谢。

2 回复 | 直到 14 年前

Daniel Vassallo 14 年前

在检查脚本的源代码时,它只是使用 document.write() :

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

您可能希望将该脚本包含在 <div> ,然后在其中设置锚点链接的样式 <DIV & GT; 使用CSS:

<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>

Steve Harrison 14 年前

我想你想改变 HTML 代码 生产的 剧本?如果是这样,只需在外部样式表中使用普通的css,它将应用于添加的内容。

例如,如果要使元素中的文本 myElement 漂亮的蓝色:

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

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

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

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前