CSS是網頁設計中最基礎的技術，掌握一些CSS的小技巧可以讓你的網頁看起來更加精美。本文將介紹如何使用CSS來隱藏下拉列表箭頭。

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 20px;
background: url('data:image/svg+xml;utf8,') no-repeat center right;
}

在上面的代碼中，我們使用了appearance屬性來控制下拉列表的外貌。-webkit-appearance和-moz-appearance是針對不同瀏覽器的前綴，而appearance是標準屬性。

為了隱藏下拉箭頭，我們將外觀設置為none，然后通過background屬性設置一個指定大小的背景圖像。在這里，我們使用了一個SVG圖像，它是一條斜線。通過設置background-position屬性讓圖像位于輸入框的右邊居中顯示。

通過這種方式，我們就可以在不使用JavaScript的情況下，隱藏下拉列表箭頭。這樣可以讓你的網站看起來更加簡潔、美觀。