Remove bottom line

[Victor]

Hi

I would to remove the bottom line of a autocomplete control. I'm not able to find the correct style for that.

Can you please help me?

Thanks in advance

Victor

[Berly Christopher]

Hi Victor, 

  

Greetings from Syncfusion support. 

  

We can remove the border bottom line with help of below CSS styles in the AutoComplete component. 

  

<SfAutoComplete TValue="string" TItem="Countries" CssClass="e-custom" Placeholder="e.g. Australia" DataSource="@Country"> 

    <AutoCompleteFieldSettings Value="Name"></AutoCompleteFieldSettings> 

</SfAutoComplete> 

<style> 

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

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

       background:none; 

    } 

</style> 

 

  

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/AutoComplete_171075-1958868490  

  

Regards, 

Berly B.C