大家都知道select的優先權比較高,CSS不宜控制,而且還能遮擋層的正常顯示!那麼我們就來模擬一個!這樣樣式就可以隨心所欲了(若您看不到效果,請刷新)。
簡單版:
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
高級版:
[支持圖片,16x16px(需設定路徑),列表框彈出滾動效果支持傳值(需設定),自適應寬度,根據最寬的一個選項自動調整,樣式、效果基本摹仿select tag。]
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
大家都知道select的優先權比較高,CSS不宜控制,而且還能遮擋層的正常顯示!那麼我們就來模擬一個!這樣樣式就可以隨心所欲了(若您看不到效果,請刷新)。
簡單版:
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
高級版:
[支持圖片,16x16px(需設定路徑),列表框彈出滾動效果支持傳值(需設定),自適應寬度,根據最寬的一個選項自動調整,樣式、效果基本摹仿select tag。]
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
image { will-change: transform; //解決加載時瞬間拉伸問題 width: auto; //解決加載時瞬間拉伸問題 height: auto; //解決加載時瞬間