How to change the background of a selectfields dropdown using css or tailwind

Hey everyone! In this article, I'll show you how to change the background color of a select field's dropdown using both CSS and Tailwind CSS.

Let's start by using plain CSS to achieve this effect. First, create a simple select field as shown below:

<select >

This select field contains three options (e.g., Mainnet, Testnet, and Devnet). To change the background color of the dropdown, you can apply the same background color to all the option tags within the select field. Here's an example that changes the background color to red:


<select >
            <option class="option-custom">Mainnet</option>
            <option class="option-custom">Testnet</option>
            <option class="option-custom">Devnet</option>


  background-color: red;

Next, you can achieve the same effect using Tailwind CSS, which offers a utility-based approach for styling. Here's how to change the background to red using Tailwind CSS:

<select >
            <option class="bg-red-500">Mainnet</option>
            <option class="bg-red-500">Testnet</option>
            <option class="bg-red-500">Devnet</option>


In this short article, you've learned how to change the background color of a select field's dropdown using both CSS and Tailwind CSS. If you encounter any issues or have questions, please feel free to leave a comment below. As always, thank you for reading!


Hello, my name is Abubakar Zakari. Am a budding fullstack developer from Nigeria who loves developing softwares and learning new frameworks and langauges.


Select image

No comment yet




Frontend Development |Backend Development |Full Website Development |Bootstrap Website upgrades | Website Debbugging | Website Hosting & deployment


Interested in hiring me or collaborating with me on a project, click on any of the links below to get my social media handle

Or contact me via Tel: (+234)-806-225-7480 | Email:
Privacy Policy

By using our website,
you agree that devmaesters can store cookies on your device and disclose information in accordance with our privacy policy.