Text size of mdb-select

Topic: Text size of mdb-select

alekski asked 6 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?

Add comment

Arkadiusz Idzikowski staff answered 6 years ago

0 0 Best answer

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;
}

Add comment