Easy-to-customize drop-down menus and easy default drop-down HTML snippets

Simple custom drop-down select HTML fragment

Html:

<div class= "Select_box Province" >
<div class= "selected" >t era c5</div>
<div class= "Select_list_box" style= "Display:none;" >
<div class= "select_list" >t era c5</div>
<div class= "select_list" >t era c5</div>
<div class= "select_list" >t era c5</div>
<div class= "select_list" >t era c5</div>
<div class= "select_list" >t era c5</div>
</div>
</div>

Css:

. Select_box{width:208px;height:26px;position:absolute;left:424px;top:80px;cursor:pointer;z-index:6;}
. Select_box. selected{width:208px;height:26px;font-size:15px;line-height:26px;text-indent:18px;}
. Select_list_box{width:208px;/*height:150px;*//*overflow:hidden;overflow-y:scroll;*/background: #FFF;}
. Select_list_box. select_list{width:208px;height:26px;font-size:15px;line-height:26px;text-indent:18px; border-top:1px solid #f5f5f5;}
. Select_list_box. Select_list:hover{background: #c9c9c9;}

. Province{top:205px;z-index:5;}

System default drop-down

Html

<div class= "Select_box" >
<select name= "ListZhiwei1" size= "1" ></select>
<select name= "ListZhiwei2" size= "1" ></select>
<select name= "ListZhiwei3" size= "1" ></select>
</div>

Css

. select_box {width:490px; position:relative; z-index:2;}

. select_box Select {width:151px; height:55px; margin-right:8px;}

Easy-to-customize drop-down menus and easy default drop-down HTML snippets