html里面用标签选择器给option标签设置颜色不起作用

问题遇到的现象和发生背景
问题相关代码，请勿粘贴截图

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=>>, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 标签选择器 */
        option {
            color: red;
        }
        /* 类选择器 */
        .red {
            color: red;
        }
    </style>
</head>
<body>
                    <!-- 使用类选择器将第一个小例变成红色 -->

        <h4 class="red">青春不常在,抓紧谈恋爱</h4>
         <table>
            <tr>
                <td>性别</td> 
                <td>
                <input type="radio" name="sex" checked="checked" id="nan"><lable for="nan">男</lable>
                <input type="radio" name="sex">女
                </td>
            </tr>
        <tr><td>生日</td>
        <td><select>
            <option >--请选择年份</option>
            <option >1991</option>
            <option >1992</option>
            <option >1993</option>
            <option >1994</option>
            <option >1995</option>
        </select>
运行结果及报错内容

img

我的解答思路和尝试过的方法
我想要达到的结果

因为浏览器默认样式覆盖了你设置的样式，再加一个可以解决
input, select{
-webkit-appearance: none;
}

这个最好模拟option 写法，自己写一个下拉框功能，这样样式及大小可以自定义控制，使用它原来的属性局限性很大