web-dev-qa-db-ja.com

HTMLテーブルのフォントの色を変更するにはどうすればよいですか?

HTMLテーブルのフォントの色を変更するにはどうすればよいですか?

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

複数の場所で...これは機能しません。

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

オールドスクールに行きたいなら、このようなもの。

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

より現代的なアプローチはCSSスタイルを使用することですが:

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

もちろん、もっと一般的な方法もあります。

4
TomServo

選択メニューから特定のオプションを変更する必要がある場合は、次のようにすることができます

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

または、すべてを変更できます

select {
  color:red;
}
2
Yahya Essam
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>
1
tech2017

これを試して:

 <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>
0
Idan Dagan