Slick.js | Größenänderung per CSS

Situation: Slick.js wandelt eine Standard-Auswahlbox in ein optisch ansprechende und funktional stark verbesserte Alternative um. Meistens ist die Höhe der slick-Box aber abweichend zu den übrigen Input-Feldern in einem Formular. Die Größe (Höhe) der slick-Box lässt sich über ein paar CSS-Anweisungen schnell justieren.

Im Besipiel soll die rot umrandete slick-Box die gleiche Höhe erhalten, wie die darüber liegenden Input-Felder "Telefon" und "Mobil", die jeweils 38 Pixel hoch sind.

slick js groessenaenderung


Dazu in der CSS-Datei wie folgt einfügen:

.select2-container .select2-selection--single {
      height: 38px;
}

.select2-container--default
.select2-selection--single
.select2-selection__rendered {
      line-height: 38px;
}

.select2-selection__arrow {
      height: 35px!important;
}

logo-torsten-schel.png

Torsten Scheel
Softwareentwickler

Narzissenstr. 30
44289 Dortmund

Telefon: 0231 | 13 86 86 18
E-Mail: kontakt@torstenscheel.de

Search