How to change text(foreground) color when control is disabled

Question

With reference to Forum Thread 162781 I would say:

Thank You Vignesh, it works perfectly.
But another question (I don't know if it is too much sophisticated):

is it possible to change the color, opacity, size of dotted bottom outline

border of a Vue ejs-textbox when it is disabled in MATERIAL css style ?
Thank You.
Alberto.

Sevvandhi Nagulan · Accepted Answer

Hi Alberto, 


Greetings from Syncfusion support. 


We checked your query. We changed the color, size, and opacity of the border bottom line and attached the sample below. Please refer the below code. 






.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, 
.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled 
  .e-input-in-wrap, 
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, 
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled 
  .e-input-in-wrap { 
  background-image: linear-gradient( 
    90deg, 
    #c79e15 0, 
    #b79217 33%, 
    transparent 0 
  ); 
 
  background-size: 21px 1px; 
  opacity: 5; 
} 



Please find the sample below. 


Sample link: https://codesandbox.io/s/date-time-picker-floatlabel-forked-njth8?file=/src/App.vue:1054-1653 


Please get back to us if you need further assistance. 


Regards, 
Sevvandhi N

Alberto Monteverdi · Answer

Thank You !!!It works fine.Best regards.Alberto.

Sevvandhi Nagulan · Answer

Hi Jose, 


Thanks for the update. Please get back to us if you need further assistance. 


Regards, 
Sevvandhi N