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

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.

3 Replies 1 reply marked as answer

SN Sevvandhi Nagulan Syncfusion Team February 23, 2021 11:15 AM UTC

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-size21px 1px; 
  opacity5; 
} 



Please find the sample below. 




Please get back to us if you need further assistance. 


Regards, 
Sevvandhi N 


Marked as answer

AM Alberto Monteverdi February 24, 2021 01:52 AM UTC

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


SN Sevvandhi Nagulan Syncfusion Team February 24, 2021 04:58 AM UTC

Hi Jose, 


Thanks for the update. Please get back to us if you need further assistance. 


Regards, 
Sevvandhi N 


Loader.
Up arrow icon