如何修改实现CSS选择选项？

Question

编辑

我正在尝试以如下方式修改实现选择选项的插入符号，即通过修改一些默认代码，插入符号将接近水平线，因此

interface Props {
  children: (typeof NameView)[];
}

到

.select-wrapper .caret {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 0;
    fill: rgba(0,0,0,0.87);
}

顶部：0；至顶部：15像素； ，如果我在chrome inspect元素上对其进行了修改，它会生效，但在我的自定义css文件上却没有任何效果。我想知道为什么吗？

关于HTML：

.select-wrapper .caret {
    position: absolute;
    right: 0;
    top: 15px;
    bottom: 0;
    margin: auto 0;
    z-index: 0;
    fill: rgba(0,0,0,0.87);
}

我真的不知道将<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> 放在哪里。我刚刚在浏览器inspect元素上看到了这一点：

how to post plain text to ASP.NET Web API endpoint?

这是我所指的形象。

Answer 1

在CSS中进行更改并检查时，您是否在检查器中看到更改？ 如果不是这样，则可能是Chrome的缓存在困扰您... 在这种情况下，您可以以隐身模式访问并检查是否显示更改。