selectoultutorial/main.css at master · lcamacho/selectoultutorial · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/*quick reset*/
form,fieldset,ul,p {margin:0; padding:0;  list-style-type:none;}
fieldset { border:0;}

/* ================== */
/* = fancy dropdown = */
/* ================== */
.convertToUl {display:none;}
.fancyDrpDwn {float:left; position:relative; margin-right:10px;}
.selectedFromList {display:block; float:left;  height:26px; background:url(../img/right_fancy_drp_bg.png) no-repeat right 0; cursor:pointer;}
.selectedFromList b {display:block; float:left;  height:20px; background:url(../img/left_fancy_drp_bg.png) no-repeat 0 0; padding:6px 27px 0 10px; cursor:pointer;}

.selectedFromList:hover {display:block; float:left;  height:26px; background:url(../img/right_fancy_drp_h_bg.png) no-repeat right 0; cursor:pointer;}


.exSelect {position:absolute;  border: solid 1px #dedede; text-align:left; margin:0; padding:0; top:25px; left:1px; display:none; z-index:10;}
.exSelect li{ width:100px; border-bottom: solid 1px #dedede; background:#fff;padding:6px 10px 5px 10px; cursor:pointer; color:#000;}
.exSelect li:hover{ background:#f5f5f5;}