The text color when control is disabled is faded as compared to other syncfusion controls (Also disabled)

[Tuariq]

Team,

The syncfusion DropdownList control text color is much faded when disabled as compared to other disabled controls like MultiSelect control.

I even tried over riding the css, but the color part is not getting over ridden.

Could you please provide a solution how to achieve such that the DropdownList control also looks same as other when disabled?

Demo attached as compariosn between DropdownList  vs MultiSelect, both disabled.

Thanks

Tuariq

Attachment: Demo_19c0d6e0.zip

[Berly Christopher]

Hi Tuariq, 

  

Greetings from Syncfusion support. 

  

We can override the text and icon color when the control is in the disabled state by using the cssClass property as mentioned in the below code example. 

  

[app.component.html] 

<div id="main"> 

  <ejs-dropdownlist id='ddlelement' cssClass="e-custom" [dataSource]='data' [enabled]= 'false' [(value)]='value' placeholder='Select a game'></ejs-dropdownlist> 

  <ejs-multiselect id='multiselectelement' [dataSource]='data' [enabled]= 'false' [(value)]='valueMulti'></ejs-multiselect> 

</div> 

[app.component.css] 

.e-custom .e-input-group .e-input[disabled], .e-custom.e-input-group.e-control-wrapper .e-input[disabled], 

.e-custom.e-input-group.e-disabled .e-input-group-icon, .e-custom.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon 

{ 

  -webkit-text-fill-color: #333; 

} 

  

Please find the modified sample from below. 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Demo-487950130  

  

Regards, 

Berly B.C