css - 如何在选择元素上显示向上/向下箭头(胡萝卜)

Question

在我们的旧版本中，选择元素上有一个向上/向下的胡萝卜。但是，我检查了元素和 css。没有地方可以定义胡萝卜样式。

我想在我们的新版本中展示胡萝卜。我怎样才能使用 css 做到这一点。

我相信我需要 after 选择器。

select:after {
}

旧版本

新版本

Answer 1

检查 appearance 属性。它用于以平台原生方式显示元素。这意味着您让浏览器为其应用默认样式。确保你在任何地方都没有appearance: none。

您可以手动设置它，但应该默认设置。对于 select，值为 menulist:

-webkit-appearance: menulist;
-moz-外观:菜单列表；
外观:菜单列表；