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>
複数の場所で...これは機能しません。
<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>
オールドスクールに行きたいなら、このようなもの。
<font color="blue">Sustaining : $60.00 USD - yearly</font>
より現代的なアプローチはCSSスタイルを使用することですが:
<td style="color:#0000ff">Sustaining : $60.00 USD - yearly</td>
もちろん、もっと一般的な方法もあります。
選択メニューから特定のオプションを変更する必要がある場合は、次のようにすることができます
option[value="Basic"] {
color:red;
}
または、すべてを変更できます
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>
これを試して:
<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>