国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

css3 - selected添加 border???

瀏覽:125日期:2023-07-07 17:35:05

問題描述

selected添加 border???

css3 - selected添加 border???

問題解答

回答1:

.selected{border-bottom:2px solid rgb(255,203,107)}

回答2:

樓主,如果是用select寫的話沒辦法設(shè)置這種效果,建議樓主使用ul li寫。我是個新手,簡單寫了一下,需要改的地方還很多,如果有哪里需要改正希望各位大神指摘一下呀~ 簡單寫的,很多地方?jīng)]有做處理,比如真正模擬select框的話,input右側(cè)最好加個箭頭,可以當作一個開關(guān)這樣子。

PS:第一次在這里粘代碼段,不知道格式是什么樣子。。。湊合看吧。

html代碼:

<p class='choose'> <input type='text' value='--select--' /> <p class='down-select'><ul> <li><a href='http://m.cgvv.com.cn/wenda/5852.html#'>數(shù)學(xué)</a></li> <li><a href='http://m.cgvv.com.cn/wenda/5852.html#'>英語</a></li> <li><a href='http://m.cgvv.com.cn/wenda/5852.html#'>化學(xué)</a></li> <li><a href='http://m.cgvv.com.cn/wenda/5852.html#'>生物</a></li></ul> </p></p>

css代碼:

* { margin: 0; padding: 0;} a { text-decoration: none; color: #666;} input.select { width: 100px; height: 30px;} p.down-select { display: none; width: 100px; box-shadow: 0 0 2px 2px #cccccc; } p.down-select ul { list-style-type: none; overflow: hidden; width: 100px; border-bottom: 2px solid #ffb200;} p.down-select ul li { line-height: 20px; border-bottom: 1px solid #cccccc; text-align: center; height: 30px; padding-top: 10px;}

js代碼:

$(’input.select’).click(function(e) { e.preventDefault(); $(’.down-select’).show();});$(’.down-select li’).click(function(e) { e.preventDefault(); var selectVal = $(this).find(’a’).text(); $(’.select’).val(selectVal); $(’.down-select’).hide();});

標簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 国产成人精品视频一区二区不卡 | a毛片免费全部在线播放毛 a毛片免费视频 | 国产99视频精品一区 | 欧美变态一级毛片 | 日韩精品一区二区三区毛片 | 国产一级一级 | 一本色道久久综合亚洲精品加 | 日韩亚洲欧美一区二区三区 | 欧美一级毛片美99毛片 | 国内精品99 | 免费毛片网站 | 欧美日韩人成在线观看 | 91成人在线播放 | 久久亚洲国产精品五月天 | 男人的天堂精品国产一区 | 国产视频高清在线 | 日韩v在线 | 女人张开腿让男人桶免费最新 | 99在线国产 | 欧美一级aa天码毛片 | 久久精品中文字幕第一页 | 在线观看亚洲网站 | 美女插跳蛋视频叫爽 | 男女午夜爽爽 | 国产99视频精品免视看7 | 色综合久久久高清综合久久久 | 高清国产一区 | 国产欧美一区二区三区免费 | 欧美成人免费在线观看 | 看v片| 中文字幕乱 | 午夜三级国产精品理论三级 | 在线日韩视频 | 农村寡妇野外情一级毛片 | 日本美女福利视频 | 九一精品国产 | 午夜在线播放免费人成无 | 精品国产一区二区三区不卡蜜臂 | 久久久国产精品免费看 | 老头做爰xxxx视频 | 成人自拍小视频 |