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

<!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>

70+ SQL courses for beginners and professionals

answered Dec 27, 2015 by avibootz
edited Dec 27, 2015 by avibootz

<!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>

70+ SQL courses for beginners and professionals

answered Dec 27, 2015 by avibootz
edited Dec 27, 2015 by avibootz

<!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>

70+ SQL courses for beginners and professionals

answered Dec 27, 2015 by avibootz

Most popular tags

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

3 Answers

Related questions