change appearance

Question

Hi,i am trying to change the appearance of some text inputs i have on my page.i use e-input<input id="tbxIdeaInternalName" class="e-input" type="text">how can i change textcolor, the red line that appears when focused etc.?thank you in advance.

Piramanayagam Ramakrishnan · Answer

Hi Miguel, 
 
You can customize the text box component in application level by overriding the CSS. Please refer to below code example. 
 




[css] 
 
/* To change the text-color for textbox */  
.form-group input.e-input 
{ 
  color: green; 
} 
 
/* To change the border-color of the textbox when focused*/ 
.form-group .e-input:focus:not(.e-success):not(.e-warning):not(.e-error) { 
  border-color: yellow; 
} 
 
 
For your reference, we have prepared a sample based on this in the link: https://stackblitz.com/edit/typescript-occcmr?file=style.css 
 
You can refer to the below help document to know more about the text box customization. 
https://ej2.syncfusion.com/documentation/textbox/how-to.html?lang=typescript 
 
Regards, Piramanayagam R