Public snipts » styledev's snipts » // Create Dropdown from Select (CSS)

• select.select{display:none;}
  dl.dropselector{margin:0 10px 0 0;}
  .dropselector dd,.dropselector dt,.dropselector ul{margin:0px;padding:0px;}
  .dropselector dd{position:relative;}
  .dropselector a,.dropselector a:visited{color:#816c5b;outline:none;text-decoration:none;}
  .dropselector a:hover{color:#5d4617;}
  .dropselector dt a:hover{border:1px solid #d0c9af;color:#5d4617;}
  .dropselector dt a{background:#e4dfcb url(arrow.png) no-repeat scroll right center;border:1px solid #d4ca9a;display:block;height:14px;padding-right:20px;padding:10px;width:auto;}
  .dropselector dt a span{cursor:pointer;display:block;}
  .dropselector dd ul{background:#e4dfcb none repeat scroll 0 0;border:1px solid #d4ca9a;color:#C5C0B0;display:none;left:0px;list-style:none;padding:5px 0px;position:absolute;min-width:170px;top:2px;width:100%;}
  .dropselector span.value{display:none;}
  .dropselector dd ul li a{padding:5px;display:block;}
  .dropselector dd ul li.current a{background-color:#d0c9af;color:#5d4617;}
  .dropselector dd ul li a:hover{background-color:#d0c9af;}
  .dropselector img.flag{border:none;margin-left:10px;vertical-align:middle;}
  .flagvisibility{display:none;}

  css

  1

  select.select{display:none;}
  dl.dropselector{margin:0 10px 0 0;}
  .dropselector dd,.dropselector dt,.dropselector ul{margin:0px;padding:0px;}
  .dropselector dd{position:relative;}
  .dropselector a,.dropselector a:visited{color:#816c5b;outline:none;text-decoration:none;}
  .dropselector a:hover{color:#5d4617;}
  .dropselector dt a:hover{border:1px solid #d0c9af;color:#5d4617;}
  .dropselector dt a{background:#e4dfcb url(arrow.png) no-repeat scroll right center;border:1px solid #d4ca9a;display:block;height:14px;padding-right:20px;padding:10px;width:auto;}
  .dropselector dt a span{cursor:pointer;display:block;}
  .dropselector dd ul{background:#e4dfcb none repeat scroll 0 0;border:1px solid #d4ca9a;color:#C5C0B0;display:none;left:0px;list-style:none;padding:5px 0px;position:absolute;min-width:170px;top:2px;width:100%;}
  .dropselector span.value{display:none;}
  .dropselector dd ul li a{padding:5px;display:block;}
  .dropselector dd ul li.current a{background-color:#d0c9af;color:#5d4617;}
  .dropselector dd ul li a:hover{background-color:#d0c9af;}
  .dropselector img.flag{border:none;margin-left:10px;vertical-align:middle;}
  .flagvisibility{display:none;}
  

  copy | embed

0 Comments