首頁 > web前端 > js教程 > 自訂的一個簡單時尚js下拉選擇框_javascript技巧

自訂的一個簡單時尚js下拉選擇框_javascript技巧

WBOY
發布: 2016-05-16 17:13:34
原創
1027 人瀏覽過
複製程式碼 程式碼如下:




>
統計檢定


.dropdiv{
寬度:180px;
高度:24px;
溢出:隱藏;
浮動:左;
字體大小:13px;
浮動:左;
字體大小:13px;
浮動:左;
字體大小:13px; >font-family: "微軟雅黑";
位置:相對;
內邊距:0px 26px 0px 5px;
邊框:實心1px #cecece;
背景:url(../ images/droparrow.png) 186px 無重複;
}
.dropmiandiv{
margin-left: 40px;
寬度:213px;
背景:url(down../images/drop. png) 重複-x;
高度:27px;
}
.chooseItems{
邊框:實心1px #cecece;
}
.chooseItems .chooseItem{
}
.chooseItems .chooseItem{
字體大小:13px;
font-family: "微軟雅黑";
內邊距:5px;
邊框底部:實心1px #cecece;
}
.chooseItems .chooseItem:last- child{
border-bottom:none;
}
.chooseItems .chooseItem:hover{
背景:#f2f2f2;
}
風格>
> >















相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板