1

Rails アプリに form_for があります。入力テキストフィールドでブートストラップ css をオーバーライドする方法を見つけました。しかし、入力テキスト領域でcssをオーバーライドする方法がわかりません

これが、テキスト フィールドの自然なスタイルを変更する方法です。

CSS

.product-form input[type="text"] {
  height: 26px;
  border: 0px ;
 }

Haml form_for

  %span.product-form
    = f.text_field :name, placeholder: "Name"

ただし、これはテキスト領域では機能しません = f.text_area :description

何か案は？

4

1 に答える 1

2

textarea タグは、タイプがテキストの入力タグとは別のタイプのタグです。テキストエリアを個別にスタイルする必要があります。入力フィールドと同じスタイルが必要な場合は、次のように追加できます。

.product-form input[type="text"], .product-form textarea {
  height: 26px;
  border: 0px ;
}

ただし、要素の機能が異なるため、テキスト入力と同じようにテキストエリアのスタイルを設定したくない場合があります。

CSS の作業を行う際に慣れるべきことの 1 つは、ブラウザーが提供する開発者ツールを使用して、このような問題のトラブルシューティングを行うことです。要素のスタイルを設定しようとしてもうまくいかない場合は、その要素を右クリックして [要素の検査] をクリックします (Firefox または Chrome を想定)。

于 2013-07-07T03:48:37.287 に答える