Modify styles

[Alfredo]

Hello.
I am using the 'combobox' and I need to change the styles.
Currently when I click on an input field (or click on the caret-down to get the selections list), a red line appears on the bottom of the input field. I'd like to know how I can avoid this view.
Thanks in advance for your attention.

[Ponmani Murugaiyan]

Hi Alfredo, 

Greetings from Syncfusion support. 

You can achieve your requirement by overriding the below CSS in your application to get rid of the reported issue. Please find the code snippet and test sample below for reference.  

 

[app.component.css] 

 

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,  

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,  

.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,  

.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,  

.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,  

.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,  

.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-in-wrap::after { 

    background: none; 

} 

 

 

OUTPUT: 

 

 

 

 

Sample: https://stackblitz.com/edit/angular-pscyhj-ks6cpv?file=app.component.css 

Kindly check with the above sample. Please get back us, if you need further assistance. 

Regards, 

Ponmani M 

[Alfredo]

Thank you for your help.

I've tried it and it's OK

[Sevvandhi Nagulan]

Hi Alfredo, 

Thanks for the update. Please let us know if you need any other further assistance. 

Regards, 

Sevvandhi N