Is there any way to increase the size of Icons in Select wit

Dear Venky,

Please try to add the below styles to the styles.scss file in your application:

ul.select-dropdown {
  li {
    height: 60px !important;
    line-height: 60px !important;

    img {
      height: 50px;
      width: 50px;
    }
  }
}

Those styles in the styles.scss main stylesheet should work in your app. If not, please let me know.

Best Regards,

Damian

Venky,

You always can add some additional class to the mdb-select element in which you want to change the icons size, and then in styles.scss file change styles only for element with this class.

Please take a look at the below code:

.html:

<mdb-select class="change-icons" [options]="iconsSelect" placeholder="Choose your option" label="Example label"></mdb-select>

.scss:

mdb-select.change-icons ul.select-dropdown {
  li {
    height: 60px !important;
    line-height: 60px !important;

    img {
      height: 50px;
      width: 50px;
    }
  }
}

Best Regards,

Damian