如何在CSS中制作鬼元素？

Question

想象一下，有兩個元素，一個<select></select>標記，我在此選擇上添加了一個向下箭頭圖標 。 問題是如果用戶單擊箭頭導致它太la腳，我不想模擬對選擇的單擊。

因此，我想知道是否有可能使一個元素可見，但允許用戶單擊后面的元素。 好像該元素是鬼一樣，您可以使用光標通過它。

先感謝您。

Answer 1

對於可見元素，可以將指針事件設置為none。

#downarrow{
    pointer-events: none;
}

之后，只需將可點擊的內容放在其下方即可。