We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to Style Drop Down List

I am trying to style the dynamic drop down list in the combo box to customize the background color. 

<SfComboBox TValue="string" TItem="OurType" Placeholder="@_helpText" AllowCustom=true @bind-Value="@OurPropertyName"      DataSource="@(_ourListList as IEnumerable<OurType>)">
<ComboBoxFieldSettings Value="OurPropertyName" Text="OurDisplayName"></ComboBoxFieldSettings>
</SfComboBox>



Thank you 

1 Reply 1 reply marked as answer

SN Sevvandhi Nagulan Syncfusion Team January 11, 2021 09:12 AM UTC

Hi Kristina, 


Greetings from Syncfusion support. 


We checked your query. We customized the popup element’s background color. Please refer the below code, 


<style> 
    .e-custom-class .e-dropdownbase .e-list-item { 
        background-color: #da1aba; 
    } 
</style> 


Please find the sample below, 




Please check the above sample and get back to us if you need further assistance. 


Regards, 
Sevvandhi N 


Marked as answer
Loader.
Up arrow icon