Rails Simple Form CSS

Question

J'ai une application rails 4 que j'utilise avec Simple Form et Bootstrap.

J'ai un bouton soumettre que j'essaye de styler avec mon propre CSS.

J'ai un fichier css appelé scopes.css.scss qui fait partie d'un arbre dans le fichier application.css.scss (donc il est en train d'être récupéré) et j'ai ajouté! Important à tous les attributs css.

Le style ne s'applique pas à mon bouton. Mon code est ci-dessous. Est-ce que quelqu'un sait comment appliquer le style à Simple Form?

L'élément de forme est:

<%= f.button :submit, "Get Started", :input_html =>{:class => "create-gs"} %> 

Le CSS est:

.create-gs { 
    background-color:#7491A3 !important; 
    display:inline-block !important; 
    color:white !important; 
    font-family: 'Quicksand', sans-serif !important; 
    font-size:20px; 
    font-weight:bold !important; 
    text-decoration:none !important; 
} 
.create-gs:hover { 
    background-color:#7491A5 !important; 
} 
.create-gs:active { 
    position:relative!important; 
    top:1px !important; 
} 

Merci

Answer 1

Essayez les options suivantes ...

<%= f.submit "Get Started", :class => "create-gs" %> 

Answer 2

ajouter juste <%= f.button :submit, "Get Started", class: "create-gs" %> et sois sûr que votre bouton décroche la classe .create-gs{}.