xiaoxili2022 2022-03-06 18:52 采纳率: 0%
浏览 87

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

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

2条回答 默认 最新

  • 你好!机器人 2022-03-06 19:27
    关注

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

    评论 编辑记录

报告相同问题?

问题事件

  • 创建了问题 3月6日

悬赏问题

  • ¥15 centos7系统下abinit安装时make出错
  • ¥15 hbuildex运行微信小程序报错
  • ¥50 HAL ADCDMA单次触发转换
  • ¥15 关于#python#的问题:我知道这个问题对你们来说肯定so easy
  • ¥15 wpf datagrid如何实现多层表头
  • ¥15 为啥画版图在Run DRC会出现Connect Error?可我Calibre的hostname和计算机的hostname已经设置成一样的了。
  • ¥20 网站后台使用极速模式非常的卡
  • ¥20 Keil uVision5创建project没反应
  • ¥15 mmseqs内存报错
  • ¥15 vika文档如何与obsidian同步