mdb-select css

Hi @Maycon,

There is a similar problem: https://mdbootstrap.com/support/angular/changing-the-background-color-and-removing-image-from-sidenav/

You can set it manually. In styles.scss you can set global styles for select like this:

@import '~ng-uikit-pro-standard/assets/scss/core/mixins';
@import '~ng-uikit-pro-standard/assets/scss/core/colors';
@import '~ng-uikit-pro-standard/assets/scss/core/variables';
@import '~ng-uikit-pro-standard/assets/scss/core/variables-pro';
@import '~ng-uikit-pro-standard/assets/scss/core/msc/skins-pro';

@each $skin, $data in $skins {
    .#{$skin}-skin {
        mdb-select>div>div.single.focused {
            border-bottom: 1px solid map-get($data, skin-primary-color) !important;
            box-shadow: 0 1px 0 0 map-get($data, skin-primary-color) !important;;
        }
    }
}

Result:

Best, Konrad.

Hi,

Thanks it worked, i have a style.css file:

.black-skin mdb-select>div>div.single.focused { 
    border-bottom: 1px solid #20c997 !important;
    box-shadow: 0 1px 0 0 #20c997 !important;
}

When I define type = "tel" in input it shows blue:

It worked:

.black-skin .md-form input:focus:not([readonly]) + label {
  color: #20c997 !important;
}
.black-skin .md-form input[type=tel] {
  border-bottom: 1px solid #20c997 !important;
  box-shadow: 0 1px 0 0 #20c997 !important;
}

Thanks.