Change Color of Syncfusion.Blazor.DropDowns

[Patrick]

Looking to see how to change the color and background color of a Syncfusion.Blazor.DropDown.

I was able to change the background of the control, but cannot find the classes to change the background when the items are shown or the text color. 

[Aravinthan Seetharaman]

Hi Patrick, 

  

  

Thanks for contacting Syncfusion Support. 

 

We have checked your reported query, and we can customize Dropdown Button and popup by using below mentioned css class. 

 

 

@using Syncfusion.Blazor.SplitButtons 

<SfDropDownButton Content="Edit"> 

    <DropDownMenuItems> 

        <DropDownMenuItem Text="Cut"></DropDownMenuItem> 

        <DropDownMenuItem Text="Copy"></DropDownMenuItem> 

        <DropDownMenuItem Text="Paste"></DropDownMenuItem> 

    </DropDownMenuItems> 

</SfDropDownButton> 

<style> 

 

    /* Customization for Dropdown Button */ 

    .e-dropdown-btn, .e-dropdown-btn.e-btn { 

        /* To change Backround*/ 

        background-color: burlywood; 

        /* To change Text color*/ 

        color: black; 

    }  

 

    /* Customization for Dropdown popup*/ 

    .e-dropdown-popup { 

        /* To chnge borde thickness */ 

        border: 2px solid; 

        /*To change border color*/ 

        border-color: black; 

        /* To change background color*/ 

        background-color: khaki; 

        /* To change Item Text color*/ 

        color: black; 

    } 

</style> 

 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DropDown_popup_Css-1708040729 

 

Could you please check the above details, and get back to us, if you need assistance on this. 

 

 

Regards, 

Aravinthan S