簡體   English   中英

如何更改現有腳本中的字體顏色?

[英]How to change font color inside an existing script?

我從網站上獲得一個腳本將其放入我的網站,但字體顏色不是我想要的。

該腳本是:

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

現在我想改變它的字體顏色。 我該怎么辦?

我非常感謝你的幫助,謝謝。

檢查該腳本的來源,它只是用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>

我假設您要更改腳本生成HTML代碼的字體顏色? 如果是這樣,只需在外部樣式表中使用普通的CSS,它就會應用於添加的內容。

例如,如果要使元素myElement的文本成為漂亮的藍色:

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

如果腳本不是您自己的,那么您將需要分析它生成的代碼,以確定需要設置樣式的元素以更改文本的顏色。 您嵌入網站的許多外部腳本都包含內聯CSS規則,這意味着您必須覆蓋外部CSS樣式表中的許多元素才能更改文本顏色等簡單的內容。 您可能還必須在CSS規則的末尾添加!important以覆蓋內聯樣式:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM