Anpassen von Optionsfeldern aus dem einfachen Formular

Question

Jetzt verwende ich Simple Form mit seinen Optionsfeldern in einem Feld. Schaltflächen sind klein für meine Benutzeroberfläche und ich möchte sie über CSS anpassen. Wie kann ich Knöpfe größer machen? Was sollte ich zu .scss hinzufügen?

Hier ist ein Feld in einfacher Form enthält, Radiobuttons:

<%= f.collection_radio_buttons :shirtsize, [['XXL'], ['XL'], ['Large'] , ['Medium'], ['Small']], :first, :last %> 

HTML-Ausgabe für jedes Optionsfeld ist dieses:

<label for="user_shirtsize_large"> 
 
    <input type="radio" value="Large" name="user[shirtsize]" id="user_shirtsize_large"> 
 
    <label class="collection_radio_buttons" for="user_shirtsize_large">Large</label> 
 
</label>

Answer 1

ich dies nie versucht haben, . Lassen Sie uns einen Blick auf CSS-Selektoren nehmen: http://www.w3schools.com/css/css_attribute_selectors.asp

jetzt, lassen Sie uns alle Eingabetyp wählen = „radio“ und stellen Sie die Höhe und Breite:

input[type="radio"] { //select all input type = "radio" 
    height: 100px; //change these to get correct size 
    width: 100px; 
}