Home/ Questions/Q 4324236
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T09:06:18+00:00

I have a dropdown menu with items and I wanted to use the ODD

  • 0

I have a dropdown menu with items and I wanted to use the ODD and EVEN to alternate the colors.
My question is…What’s the CSS code for styling Dropdown list items please?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use the CSS nth-child pseudo-class:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>HTML Dropdown list item baground colors</title>
    <style type="text/css">
        #myForm select option:nth-child(odd) {
            color:black;
            background:yellow;
        }
        #myForm select option:nth-child(even) {
            color:white;
            background:blue;
        }
        #myForm select {
            background:green;
            color:orange;
        }
    </style>
</head>
<body>
    <form id="myForm" action="#" method="get">
        <select>
            <option>A</option>
            <option>B</option>
            <option>C</option>
            <option>D</option>
            <option>E</option>
            <option>F</option>
        </select>
    </div>
</body>
</html>
    • 0