How to set custom height & width for select enhanced with selectize.js jquery plugin?

pragmatic_programmer picture pragmatic_programmer · Mar 20, 2014 · Viewed 12.1k times · Source

I'm using https://github.com/brianreavis/selectize.js in a project and I'm not able to customize the height and width of the select input:

The problem is aggravated because the standard select / text input (using bootstrap 2) is 30px height, and with this plug-in it grows to 37px and breaks very bad the visual of my user interface (growing all inputs to 37px is certainly not an option).

I've also included the selectize.bootstrap2.css file with no luck.

Answer

pragmatic_programmer picture pragmatic_programmer · Apr 5, 2014

selectize.js customization for 30px height

.selectize-dropdown, .selectize-input { 
  line-height: 14px; 
}