Topic: Text size of mdb-select

alekski free asked 4 years ago

How can I set the sizing of mdb-select (text and padding) to that other input controls with "form-control-sm"?

I tried setting class="form-control-sm", but it makes no difference. The text and bottom padding is larger than all other controls on the form.

Is there a small version of the control?

Arkadiusz Idzikowski staff answered 4 years ago

Currently the only way to adjust the styles of mdb-select is to overwrite the individual classes in your styles.scss file. Please try to adjust the input to your needs by using following rules:

mdb-select .single {
  height: calc(1.8125rem + 2px);
  font-size: 0.9rem !important;

// if you need to change styles of multiselect as well

mdb-select .multiple {
  height: calc(1.8125rem + 2px);
  font-size: 0.9rem !important;

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.0.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No