Renklerin değiştirilmesi ve collection_select stilinin açılması raylar ile bootstrap ve select2 uygulanıyor

Question

Renkleri değiştirmek ve web uygulama stilimin geri kalanıyla eşleşmek için raylarda açılan bir menüyü değiştirmek istiyorum. Rails, Bootstrap ve select2 kullanıyorum ve CSS'yi nereye ekleyeceğime dair hiçbir fikrim yok ve onları renklendirmek ve uygulamanın tasarımın geri kalanıyla uyumlu hale getirmek için açılır listenin farklı bölümlerine bile erişmeye nasıl başlayacağım .

bu

açılan

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

uygulanmasıdır stil bu öğe, teşekkür başarmak için nasıl beni bildiriniz.

Answer 1

Sorunun ne olduğundan emin değilim, elimden geldiğince en iyi şekilde cevap vermeye çalışacağım. CSS'nizi app \ assets \ stylesheets altında olması gereken application.css dosyasına eklemeniz gerektiğine inanıyorum. Daha sonra tüm açılır listelerinizi de özelleştirmek isterseniz, css'de select etiketini kullanabilirsiniz. İşte bir örnek css bu bileşenleri erişmek nasıl .. vb

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>