How to change the select option HTML tag color with CSS

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            select {
                color: gray;
            }
        </style>
    </head>
    <body>
        <select name="gender">
            <option value="iam">I am</option>
            <option style="color:black" value="female">Female</option>
            <option style="color:black" value="male">Male</option>
        </select>
    </body>
</html>

70+ SQL courses for beginners and professionals

answered Dec 26, 2015 by avibootz

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            select option {
                color: blue;
            }
        </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 26, 2015 by avibootz

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            select option {
                color: blue;
            }
        </style>
        
        <style type="text/css">
            .numbers option {
                color: green;
            }
        </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 color with CSS

3 Answers

Related questions