css - CSS：INPUTが存在するTDの内容を左揃えにします

Question

CSSで、入力があるときにTDセルの内容を左揃えにしようとしています。入力は左揃えにする必要があります。これは可能ですか？

 <td> <input ....Left Align Me... /></td>

Answer 1

おそらく隣接するセルにラベルが付いた、基本的なフォームを作成しているようです。その場合、次のようなラベルに<th>（テーブル列ヘッダー）タグを使用します。

CSS：

#tableId td {text-align: left; }
#tableId th {text-align: right; font-weight: normal}

HTML：

<table id="tableId">
<tr>
<th>Label</th>
<td><input id="test"></td>
</tr>
</table>

テーブルがより複雑な場合、次に簡単な方法は、左揃えにするセルにクラス名を追加して、スタイルシートでそれらをターゲットにすることです。

Answer 2

td input {
    float: left;
}

それはあなたが望むものとは正確には異なりますが、純粋なCSSで得られるものと同じくらい近いものです。