Html 如何修改物化css选择选项？

编辑

我试图修改materialize select选项的插入符号，通过修改一些默认代码，使插入符号接近水平线，因此从

。选择wrapper.caret{
位置：绝对位置；
右：0；
排名：0；
底部：0；
保证金：自动0；
z指数：0；
填充：rgba（0,0,0,0.87）；
}

到

。选择wrapper.caret{
位置：绝对位置；
右：0；
顶部：15px；
底部：0；
保证金：自动0；
z指数：0；
填充：rgba（0,0,0,0.87）；
}

top:0；顶部：15px，如果我在chrome inspect元素上修改它，它会生效，但在我的自定义css文件上没有效果。我想知道为什么

至于HTML：

<div class="col s12 m8 l8">
    <select id="gender" name="gender_val">
        <option value="" disabled="" selected><< Pls select >></option>
        <option value="male">Male</option>
        <option value="female">Female</option>
    </select>
</div>

>
男性
女性

我真的不知道要放在哪里的

div标签。我刚刚在浏览器的inspect元素上看到：


这是我所指的图像

当您在CSS和inspect中进行更改时，是否在inspector中看到更改？
如果没有，很可能Chrome的缓存正在困扰你。。。
在这种情况下，您可以在匿名模式下访问，并检查是否显示更改。
请将html添加到您的css中，以便我们可以重现您的行为。我只做了以下操作：
>男-女
，但我不知道这些css标记放在哪里。您还有一些生成自定义插入符号的JS，如果你要使用
，也请出示这个！重要信息
然后它将work@cloned到目前为止，我没有在这一部分制作任何JS，除非我将修改materialize.min.JS文件@德国烟我应该把
放在哪里！重要信息
？