How to Change the Background Color of a Select Component in Daisy UI ?

[Foshati]

Hello and respect,

How can I change the color of this Select component in Daisy UI, or is there a method to change the background color of this part?

[saadeghi]

Unfortunately CSS can't change the colors of the menu of <select> element. Each OS/browser has their own style for this part and it's also different on desktop/mobile.

There are JS libraries which simulate a <select> element using divs, and with those libraries it is possible to change the colors.

For example you can use Headless UI and then you can add daisyUI colors or any other style to it.

Let me know if you have any questions