2016-04-05 16 views
0

Wahrscheinlich wurde diese Frage hier auch schon einmal gestellt. Leider habe ich nicht die beste Antwort gefunden. Was wäre der Weg, um die Größe der Eingaben in dieser iCheck-Bibliothek zu ändern, weil sie zu groß für meine Website ist.iCheck Bibliothek Eingaben Größe

Css:

.icheckbox_flat-blue, 
.iradio_flat-blue { 
    display: inline-block; 
    *display: inline; 
    vertical-align: middle; 
    margin: 0; 
    padding: 0; 
    width: 20px; 
    height: 20px; 
    background: url(blue.png) no-repeat; 
    border: none; 
    cursor: pointer; 
} 

HTML:

<div class="sep_checkbox sep_primary"> 
<label><input type="checkbox" value="">Google hybrid</label> 
</div> 
<div class="sep_checkbox sep_primary"> 
<label><input type="checkbox" value="">Google terrain</label> 
</div> 

Wenn ich Breite oder Höhe ändern sie den Hintergrund nicht zeigen richtig. Zeige nur den Teil davon. Irgendwelche Vorschläge? Danke für die Hilfe.

JSFIDDLE: https://jsfiddle.net/qhw3s7zz/

+0

Fragen, die Code-Hilfe suchen, müssen den kürzesten Code enthalten, der für die Reproduktion erforderlich ist ** in der Frage selbst ** vorzugsweise in einem [** Stack Snippet **] (https://blog.stackoverflow.com/2014/09/ Einführung-Runnable-Javascript-CSS-und-HTML-Code-Snippets /). Siehe [** So erstellen Sie ein minimales, vollständiges und überprüfbares Beispiel **] (http://stackoverflow.com/help/mcve) –

+0

Was brauchen Sie noch? Es ist genug: D. – user2204367

+0

Wirklich? Könnte ich das Problem mit ** nur dem ** CSS demonstrieren? Wenn nicht ... dann ist es nicht genug. –

Antwort

1

In icheck Verzeichnis ein Haut Ordner, den Sprites der Checkbox enthält mit dem Namen (green.png, red.png) Farbe, die Sie ist verwenden. Öffne es einfach in Photoshop und verändere es dort.

Wenn Sie die Größe ändern, indem Sie den Code der obigen Klasse verwenden, wirkt sich dies beim Überfahren aus und ändert die Position der Prüfung, wenn Sie sie auswählen.

Verwandte Themen