如何顯示選定元素上的上/下箭頭（胡蘿蔔）

Question

在我們的舊版本中，選擇元素上有上/下胡蘿蔔。 但是，我檢查元素和CSS。 沒有定義胡蘿蔔風格的地方。

我想在我們的新版本上展示胡蘿蔔。 我怎麼能使用CSS。

我相信我需要after選擇器。

select:after { 
} 

舊版本

新版本

Answer 1

檢查的appearance財產。它用於以平臺原生的方式顯示元素。這意味着您讓瀏覽器爲其應用默認樣式。確保你沒有任何地方有appearance: none。

您可以手動設置它，但應該在默認情況下設置它。對於select值是menulist：

-webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist;