js 記錄五 修改select預設樣式

2021-09-25 00:21:13 字數 858 閱讀 5683

方法一:css+js:

預覽:

請選擇

選項一選項二

選項三選項四

選項五選項六

選項七

//來自

方法二:css+js(複雜)

html+css部分:

選擇風格

復古風搖滾風

懷舊風

js部分:

(function($),function());

var li_option=ul_option.find('li');

li_option.on('click',function());

li_option.hover(function(),function());

} function createoptions(index,ul_list)

} }})(jquery)

預覽: 

//來自17sucai

也是1.幾版本的jq和和

和好看好看

jq版本可以,用的ul li

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

於是我在網上下了一段 在外面執行是可以的,但是放到我的專案裡死活都有問題,後來我就稍稍修改了一下原本的js檔案,來實現我想要的效果。簡單的說就是將原來的select標籤隱藏起來,然後在select之前插入乙個無序列表來顯示原來的下拉列表,但是我專案中需要的還有 option的value值,要傳給後台...

修改select標籤的預設邊框顏色

select標籤是一種特殊的控制項,他的預設邊框顏色沒法直接修改。當要修改邊框顏色時,在select標籤外面先套一層div,先把select的邊框隱藏掉,再修改div的邊框來偽裝成select邊框。下面是 的實現 style position relative border 1px solid ff...

修改radio和checkbox的預設樣式

html5內建的input type radio 和type checkbox 單選和核取方塊是比較醜的,基本上遇到產品經理,是鐵定過不去的,大多數的時候我們可以直接寫自定義樣式表,來替換input,不用input,通過jquery來控制dom,來模擬乙個單選和複選的按鈕功能 例如 cbx cbxg...