Как изменить цвет шрифта внутри существующего скрипта? - PullRequest
4 голосов
/ 20 апреля 2010

Я получаю скрипт с веб-сайта, чтобы поместить его на мой сайт, но цвет шрифта не тот, который я хочу.

Сценарий:

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

и теперь я хочу изменить его цвет шрифта. Что я должен делать?

Буду очень признателен за вашу помощь, спасибо.

Ответы [ 2 ]

4 голосов
/ 20 апреля 2010

Изучая источник этого скрипта, он просто пишет ссылку на якорь с document.write():

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

Возможно, вы захотите включить этот скрипт в <div>, а затем стилизовать якорные ссылки в этом <div>, используя 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>
0 голосов
/ 20 апреля 2010

Я предполагаю, что вы хотите изменить цвет шрифта HTML кода , созданного сценарием? Если это так, просто используйте обычный CSS во внешней таблице стилей, и он будет применяться к добавленному контенту.

Например, если вы хотите сделать текст внутри элемента myElement красивым синим цветом:

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

Если скрипт не ваш, то вы захотите проанализировать созданный им код, чтобы определить, какие элементы нужно стилизовать, чтобы изменить цвет текста. Многие внешние скрипты, которые вы встраиваете на свой веб-сайт, содержат встроенные правила CSS, а это значит, что вам придется переопределить многие элементы в вашей внешней таблице стилей CSS, чтобы изменить простые вещи, такие как цвет текста. Вам также может понадобиться добавить !important в конец вашего правила CSS, чтобы переопределить встроенный стиль:

#myElement {
    font-color: #0099FF !important;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...