Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and works. Contact: aviboots(AT)netvision.net.il
GreenGeeks Web Hosting - Faster, Scalable & Eco-Friendly

BlueHost Web Hosting

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

getflywheel wordpress hosting


Distribute your Resume to 500+ Job Boards & Recruiters


7,904 questions

11,012 answers

573 users

How to change the select option HTML tag background color with CSS

3 Answers

0 votes
<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            select option {
                background: rgba(255,0,0,0.3);
            }
        </style>
    </head>
    <body>
        <select name="gender">
            <option style="color:gray" value="iam">I am</option>
            <option value="female">Female</option>
            <option value="male">Male</option>
        </select>
    </body>
</html>

 




answered Dec 27, 2015 by avibootz
edited Dec 27, 2015 by avibootz
0 votes
<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            select option {
                background-color: rgba(0,0,255,0.3);
            }
        </style>
    </head>
    <body>
        <select name="gender">
            <option style="color:gray" value="iam">I am</option>
            <option value="female">Female</option>
            <option value="male">Male</option>
        </select>
    </body>
</html>

 




answered Dec 27, 2015 by avibootz
edited Dec 27, 2015 by avibootz
0 votes
<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            select option {
                background-color: rgba(255,0,0,0.3);
            }
        </style>

        <style type="text/css">
            .numbers option {
                background-color: rgba(0,0,255,0.3);
            }
        </style>
    </head>
    <body>
        <select name="gender">
            <option style="color:gray" value="iam">I am</option>
            <option value="female">Female</option>
            <option value="male">Male</option>
        </select>
        <select>
            <optgroup label="Numbers" class="numbers">
                <option style="color:gray" value="0">Zero</option>
                <option value="1">One</option>
                <option value="2">Two</option>
            </optgroup>
        </select>
    </body>
</html>

 




answered Dec 27, 2015 by avibootz
...