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

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

CSS自定義select下拉選擇框的樣式(不用其他標(biāo)簽?zāi)M)

2024-07-11 08:52:35
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友
CSS自定義select下拉選擇框(不用其他標(biāo)簽?zāi)M)
今天群里有人問(wèn)到怎么自定義select下拉選擇框的樣式，于是群里就展開(kāi)了激烈的討論，剛開(kāi)始一直就是考慮怎樣使用純CSS實(shí)現(xiàn)，把瀏覽器默認(rèn)的樣式覆蓋掉，但最后均因兼容問(wèn)題處理不好而失敗告終，最后的解決方案就是用其他的元素（如ul,li）模擬下拉菜單，或者是使用網(wǎng)上一些現(xiàn)成的插件。

其實(shí)select這個(gè)東西只靠純CSS是不能解決這個(gè)自定義樣式問(wèn)題的，但既然折騰了這么久，還是說(shuō)一下CSS實(shí)現(xiàn)的思路吧。

首先對(duì)于默認(rèn)的樣式：

剛開(kāi)始想到使用背景，但經(jīng)試驗(yàn)對(duì)select設(shè)置背景是無(wú)效的，于是后來(lái)就想到了覆蓋，用其它元素把那個(gè)向下的箭頭蓋住，然后給這個(gè)元素設(shè)置背景，寫(xiě)了個(gè)demo發(fā)現(xiàn)可行，于是就有了下面的這些。

首先用一個(gè)a標(biāo)簽套住select：

復(fù)制代碼

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 江油市| 孟村| 邳州市| 霍林郭勒市| 读书| 略阳县| 远安县| 临沭县| 襄汾县| 海林市| 藁城市| 醴陵市| 米易县| 墨玉县| 普宁市| 丁青县| 临夏市| 阿坝县| 丰城市| 丹阳市| 行唐县| 南木林县| 阳城县| 莒南县| 丽江市| 无棣县| 荥阳市| 丁青县| 昭觉县| 通海县| 林芝县| 荆州市| 高密市| 丰城市| 马边| 西华县| 凤翔县| 平罗县| 偏关县| 睢宁县| 岳普湖县|