js修改select的預設樣式,相容到ie8

2021-09-26 22:34:23 字數 328 閱讀 2147

於是我在網上下了一段**,在外面執行是可以的,但是放到我的專案裡死活都有問題,後來我就稍稍修改了一下原本的js檔案,來實現我想要的效果。

簡單的說就是將原來的select標籤隱藏起來,然後在select之前插入乙個無序列表來顯示原來的下拉列表,但是我專案中需要的還有

option的value值,要傳給後台,所以我就簡單的做了一下修改,將value也傳給li,但是選完之後顯示在頁面的標籤又是乙個div,所以我就給div也attr了乙個value屬性,這樣往後台傳資料的時候傳的就是這個div的value值了。

福建廈門

js 記錄五 修改select預設樣式

方法一 css js 預覽 請選擇 選項一選項二 選項三選項四 選項五選項六 選項七 來自 方法二 css js 複雜 html css部分 選擇風格 復古風搖滾風 懷舊風js部分 function function var li option ul option.find li li option...

input type date 預設樣式修改

最近寫乙個頁面,用到了date型別的input,不得不說,挺好用的,免去了額外引入第三方外掛程式的麻煩,但與此同時,也出現了新的麻煩,那就是input type date 自帶的一些樣式,比如刪除icon,上下箭頭等等,著實讓人頭疼,下面我介紹下幾種去除此類樣式的方法。date value 1993...

修改Element預設樣式

當我們在vue中引入第三方元件庫的時候,vue元件中樣式的scoped就會成為我們修改樣式的阻礙,有以下三種方法修改樣式,並且不影響全域性樣式 1 在樣式外新增乙個樣式不新增scoped 2 使用deep樣式穿透 less sass的處理方法 3 使用 穿透 stylus的穿透方式 4 有些樣式是行...