如何更改 html 表格中的字体颜色？

Posted

技术标签:

【中文标题】如何更改 html 表格中的字体颜色？【英文标题】：How do I change the font color in an html table? 【发布时间】：2017-10-30 02:31:47 【问题描述】： 

<table>
<tbody>
<tr>
<td>
<select name="test">
<option value="Basic">Basic : $30.00 USD - yearly</option>
<option value="Sustaining">Sustaining : $60.00 USD - yearly</option>
<option value="Supporting">Supporting : $120.00 USD - yearly</option>
</select>
</td>
</tr>
</tbody>
</table>

我试过了

<span style="color: #0000ff;"> 
</span>

在多个位置...这是行不通的。

【问题讨论】：

如果您尝试更改选择选项列表中文本的颜色，这不是您需要更改的表格文本颜色，请查看此类似问题。 ***.com/questions/15755770/… 【参考方案1】： 
<table>
<tbody>
<tr>
<td>
<select name="test" style="color: red;">
<option value="Basic">Basic : $30.00 USD - yearly</option>
<option value="Sustaining">Sustaining : $60.00 USD - yearly</option>
<option value="Supporting">Supporting : $120.00 USD - yearly</option>
</select>
</td>
</tr>
</tbody>
</table>

【讨论】：

【参考方案2】：

类似这样的东西，如果想走老路。

<font color="blue">Sustaining : $60.00 USD - yearly</font>

虽然更现代的方法是使用 css 样式：

<td style="color:#0000ff">Sustaining : $60.00 USD - yearly</td>

当然还有更通用的方法。

【讨论】：

【参考方案3】：

如果您需要从选择菜单中更改特定选项 你可以这样做

option[value="Basic"] 
  color:red;

或者你可以全部更改

select 
  color:red;

【讨论】：

【参考方案4】： 
table td
  color:#0000ff;


<table>
  <tbody>
    <tr>
    <td>
      <select name="test">
        <option value="Basic">Basic : $30.00 USD - yearly</option>
        <option value="Sustaining">Sustaining : $60.00 USD - yearly</option>
        <option value="Supporting">Supporting : $120.00 USD - yearly</option>
      </select>
    </td>
    </tr>
  </tbody>
</table>

【讨论】：

【参考方案5】：

试试这个：

 <html>
    <head>
        <style>
            select 
              height: 30px;
              color: #0000ff;
            
        </style>
    </head>
    <body>
        <table>
            <tbody>
                <tr>
                    <td>
                        <select name="test">
                            <option value="Basic">Basic : $30.00 USD - yearly</option>
                            <option value="Sustaining">Sustaining : $60.00 USD - yearly</option>
                            <option value="Supporting">Supporting : $120.00 USD - yearly</option>
                        </select>
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

【讨论】：

以上是关于如何更改 html 表格中的字体颜色？的主要内容，如果未能解决你的问题，请参考以下文章

如何更改vim中的字体颜色

Highcharts 图表中，如何设置标题字体及如何更改字体颜色

HTML5 中的默认字体颜色是啥？

表格中的部分字体改变颜色

如何在swift 3的表格视图中仅更改选定行和未选定行的字体颜色和大小？

JSP 如何对格中的字体颜色进行设置