0

レールのドロップダウンの色とスタイルを変更して、残りの Web アプリのスタイルに合わせたいと考えています。私はRails、Bootstrap、およびselect2を使用していますが、cssを追加する場所や、ドロップダウンのさまざまな部分へのアクセスを開始して、それらに色を付けてアプリの残りのデザインに適合させる方法さえわかりません.

これはドロップダウンの実装です

<%= collection_select(:id, :name, @product, :id, :name,{:include_blank => true},{class: "js-example-basic-single" }) %>

このアイテムをスタイリングする方法を教えてください、ありがとう。

4

2 に答える 2

1

ご質問の内容がよくわからないので、できる限りお答えしたいと思います。app\assets\stylesheets の下にある application.css ファイルに CSS を追加する必要があると思います。次に、すべてのドロップダウンを同じようにカスタマイズする場合はselect、css でタグを使用できます。ここに例があります

select {
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 3px;
  border: none;
  background: #f1f1f1;
  padding: 2px;
}
    
select:hover {
  background-color: dodgerblue;
}
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

于 2016-07-05T16:38:02.113 に答える