国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

純css為select添加樣式(無腳本)實現

2024-08-26 00:11:53
字體：大 中 小
來源：轉載
供稿：網友
改變select默認的樣式，一般情路情況下通過ul,li來模擬來實現。
有很多Jquery插件就是通過這樣的方式來改變select默認樣式的。
根據程序哥哥那邊的反映，此種方式在form提交后無法獲取數據，后來經過實驗，用了不同的JS/Jquery插件，都是同樣的結果：無法獲取數據。

后來看一篇外國人寫的 博客，用css的樣式來實現 在select外面添加一個div，設置select的寬度小于父級div的寬度，然后通過設置div的background屬性，改變select默認箭頭的樣式。
此種方法不失為一個好方法，不寫腳本，只用單純的css來實現。

不過這種方法也是有瑕疵的，就是在IE系列下，選中某個選項的時候會有背景色塊，IE7-IE10都有此bug。
在Opera下，設置div的背景圖不顯示，也就是select的下拉箭頭不顯示，這個不知道是什么原因所致。
以下代碼

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 石狮市| 永顺县| 天气| 松原市| 班玛县| 闻喜县| 岚皋县| 平山县| 察隅县| 闻喜县| 巴塘县| 霸州市| 安乡县| 阜南县| 札达县| 枣庄市| 泌阳县| 安阳县| 祁连县| 武川县| 三门县| 柘荣县| 五寨县| 开平市| 肃宁县| 永年县| 孟州市| 敖汉旗| 永定县| 汾西县| 平潭县| 武山县| 武宁县| 南靖县| 嘉鱼县| 泰和县| 阳新县| 文昌市| 景泰县| 时尚| 额尔古纳市|