How do I change the font color in an html table lt table gt lt tbody gt lt tr gt lt td gt lt select name test gt lt option value Basic gt Basic 30 00 USD - yearly lt option gt lt option value Sustaining gt Sustaining 60 00 USD - yearly lt option gt lt option value Supporting gt Supporting 120 00 USD - yearly lt option gt lt select gt lt td gt lt tr gt lt tbody gt lt table gt I have tried lt span style color 0000ff gt lt span gt in multiple locations which doesn t work

lt table gt lt tbody gt lt tr gt lt td gt lt select name test style color red gt lt option value Basic gt Basic 30 00 USD - yearly lt option gt lt option value Sustaining gt Sustaining 60 00 USD - yearly lt option gt lt option value Supporting gt Supporting 120 00 USD - yearly lt option gt lt select gt lt td gt lt tr gt lt tbody gt lt table gt

Something like this if want to go old-school lt font color blue gt Sustaining 60 00 USD - yearly lt font gt Though a more modern approach would be to use a css style lt td style color 0000ff gt Sustaining 60 00 USD - yearly lt td gt There are of course even more general ways to do it

table td color 0000ff lt table gt lt tbody gt lt tr gt lt td gt lt select name test gt lt option value Basic gt Basic 30 00 USD - yearly lt option gt lt option value Sustaining gt Sustaining 60 00 USD - yearly lt option gt lt option value Supporting gt Supporting 120 00 USD - yearly lt option gt lt select gt lt td gt lt tr gt lt tbody gt lt table gt

Try this lt html gt lt head gt lt style gt select height 30px color 0000ff lt style gt lt head gt lt body gt lt table gt lt tbody gt lt tr gt lt td gt lt select name test gt lt option value Basic gt Basic 30 00 USD - yearly lt option gt lt option value Sustaining gt Sustaining 60 00 USD - yearly lt option gt lt option value Supporting gt Supporting 120 00 USD - yearly lt option gt lt select gt lt td gt lt tr gt lt tbody gt lt table gt lt body gt lt html gt

[html] How do I change the font color in an html table?

How do I change the font color in an html table?

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

I have tried

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

in multiple locations ... which doesn't work.

This question is related to html fonts colors

The answer is

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

Something like this, if want to go old-school.

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

Though a more modern approach would be to use a css style:

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

There are of course even more general ways to do it.

if you need to change specific option from the select menu you can do it like this

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

or you can change them all

select {
  color:red;
}

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>

Try this:

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

Source: Stackoverflow.com