Diving into Bootstrap and Font Awesome – Part 8: Select2 and Bootswatch Paper Styling
March 26, 2015
Posted by on
Bootswatch released a new Bootstrap theme called “Paper”. It is based on Google’s Material Design.
It looks very nice and clean, and I’ve used it in some of my projects. However, if you also use Select2 for your combo and list boxes, Select2 adds its own styles and won’t render the combo-boxes as shown in Bootswatch Paper or Google’s Material Design.
I’ve customized some of the Select2 CSS classes, so that the combo-boxes / list-boxes will look like they do in the aforementioned designs.
border-radius: 0px !important;
border-top-width: 0px !important;
border-left-width: 0px !important;
border-right-width: 0px !important;
outline: none !important;
font-size: initial !important;
color: #666666 !important;
padding-left: 0px !important;
Simply put it into a separate CSS and load it with your Theme or add as a resource to your XPage.