如何在 Wordpress 中仅使用 HTML 在 Google 可视化 table 上更改颜色？

Question

我正在尝试弄清楚如何仅使用 HTML.

在 wordpress 中的 google 可视化 table 中更改所有文本的颜色

我在 Whosebug 上找到了多个答案，但没有提到仅使用 HTML。

提前致谢！


<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['table']});
      google.charts.setOnLoadCallback(drawTable);

      function drawTable() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Name');
        data.addColumn('number', 'Salary');
        data.addColumn('boolean', 'Full Time Employee');
        data.addRows([
          ['Mike',  {v: 10000, f: ',000'}, true],
          ['Jim',   {v:8000,   f: ',000'},  false],
          ['Alice', {v: 12500, f: ',500'}, true],
          ['Bob',   {v: 7000,  f: ',000'},  true]
        ]);

        var table = new google.visualization.Table(document.getElementById('table_div'));

        table.draw(data, {showRowNumber: true, width: '100%', height: '100%'});
      }
    </script>
  </head>
  <body>
    <div id="table_div"></div>
  </body>
</html>

示例取自https://developers.google.com/chart/interactive/docs/gallery/table 代码已获得许可：https://www.apache.org/licenses/LICENSE-2.0

编辑：cooldogyum 的回答有效！我将样式代码粘贴到“HTML 代码”块中的错误位置。

<style>
 #table_div {
  color: red;
 }
</style>

这是最终的工作代码。感谢两位的帮助！


  
 <html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['table']});
      google.charts.setOnLoadCallback(drawTable);

      function drawTable() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Name');
        data.addColumn('number', 'Salary');
        data.addColumn('boolean', 'Full Time Employee');
        data.addRows([
          ['Mike',  {v: 10000, f: ',000'}, true],
          ['Jim',   {v:8000,   f: ',000'},  false],
          ['Alice', {v: 12500, f: ',500'}, true],
          ['Bob',   {v: 7000,  f: ',000'},  true]
        ]);

        var table = new google.visualization.Table(document.getElementById('table_div'));

        table.draw(data, {showRowNumber: true, width: '100%', height: '100%'});
      }
    </script>

<style>
 #table_div {
  color: red;
 }
</style>

  </head>
  <body>
    <div id="table_div" style="“color:" red;”=""></div>
  </body>
</html>

Answer 1

HTML（超文本标记语言）不能（单独）用于修改页面的外观。 HTML 纯粹用于定义网页内容的含义和结构。我相信您的意思是参考 CSS（级联样式表），它用于影响 Web 内容的外观。如果您想更改文本的颜色，可以使用 CSS 颜色属性。

<style>
 #table_div {
  color: red;
 }
</style>

内联： <div id="table_div" style="color: red;"></div>

如何在 Wordpress 中仅使用 HTML 在 Google 可视化 table 上更改颜色？

How to change color on a Google Visualization table using only HTML in Wordpress?

html

wordpress

google-visualization