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.
All you have to do is add inline-style in the select tag.
Syntax: height: length|percentage|auto|initial|inherit; Property Values: height: auto; It is used to set height property to its default value.
Syntax: To set a div element height to 100% of the browser window, it can simply use the following property of CSS: height:100vh; Example: HTML.
selectize.js customization for 30px height
.selectize-dropdown, .selectize-input {
line-height: 14px;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With