Styling Info for DropdownList

Question

We are want to change the font color for the labels on the dropdownlist. We have some Dropdownlists on light and dark backgrounds on the same page, and need to style them differently.

Can you direct us to a demo or sample doing this?

Thanks

Berly Christopher · Accepted Answer

Hi David, 
  
Greetings from Syncfusion support. 
  
We can customize the font-color of the float label by overriding the CSS styles with help of cssClass as mentioned below code example. 
  




.e-custom.e-float-input.e-control-wrapper:not(.e-error) 
  input 
  ~ label.e-label-top.e-float-text, 
.e-custom.e-float-input.e-control-wrapper:not(.e-error) 
  input[readonly] 
  ~ label.e-label-top.e-float-text, 
.e-custom.e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) 
  input:not(:focus):not(:valid) 
  ~ label.e-float-text:not(.e-label-top) { 
  color: blueviolet; 
} 

  
Sample Link: https://stackblitz.com/edit/angular-nazjny-2u3dwz?file=app.component.css  
  
Regards, 
Berly B.C