0

次のコードを含む Rails テンプレート フォームがあります。

<div class="field">
    <%= f.label :title %><br />
    <%= f.text_field :title %>
</div>
...
<div class="actions">
<%= f.submit %>
</div>

これにより、次が生成されます。

<div class="field">
<label for="item_title">Title</label><br />
<input id="item_title" name="item[title]" size="30" type="text" />
</div>
...
<div class="actions">
<input name="commit" type="submit" value="Create Item" />
</div>

私は現在、これをapplication.cssの一部として使用しています:

input{
color:#000000;
padding:2px;
background-color:#F8F8F8;
border:1px solid #66CC00;
}

これらを application.css ファイルとは別に要素にスタイル設定するにはどうすればよいですか? ファイルで試してみまし.text_field{#styles here}たが、うまくいきませんでした。.field{#styles here}

私は基本的にそれらが「素敵」に見えることを望んでいますが、それほど似ていません。

4

1 に答える 1

1

次のように css 属性セレクターを使用します。

input[name=item\[title\]] {
    color: red;
}

たとえば、名前に基づいて入力を選択するには (利用可能なクラス属性がない場合)。

属性セレクターの詳細

しかし、あなたが望むことは、私が推測することです：

.field input[type=text] {
    color: red;
}

また

.actions input[type=text] {
    color: red;
}

それがcssの基本です。

入力要素のスタイル設定について詳しく知りたい場合は、他の回答を参照してください。

于 2012-12-08T15:23:52.137 に答える