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

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

WBOY
WBOY原創
2016-05-16 17:13:341024瀏覽
複製程式碼 程式碼如下:




>
統計檢定


.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;
}
風格>
> >















陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn