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

Question

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

If you're trying to change the colour of the text in your select options list, thats not the table text colour that you need to change, have a look at this similar question. https://stackoverflow.com/questions/15755770/change-text-color-of-selected-option-in-a-select-box — Steve Land, May 29 '17 at 18:15

score 12 · Accepted Answer · answered May 29 '17 at 18:21

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

score 9 · Answer 2 · edited May 02 '19 at 07:46

9

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.

edited May 02 '19 at 07:46

Archemar

521
1
12
20

answered May 29 '17 at 18:14

TomServo

6,759
5
27
41

score 2 · Answer 3 · answered May 29 '17 at 18:14

2

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

answered May 29 '17 at 18:14

Yahya Essam

1,682
1
19
42

score 2 · Answer 4 · answered May 29 '17 at 18:15

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>

score 0 · Answer 5 · answered May 29 '17 at 18:24

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>

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

5 Answers5