????????????????????????????????????<span class="setleft wid80"><span class="fyhbx">*</span>入库类型 :</span> ???????????????????????????????????????????<div class=" posirelative select-out-div"> ???????????????????????????????????????????????<select class="m-wrap ?" ?style="width: 180px; padding: 2px 0;"> ???????????????????????????????????????????????????<option value="0">采购</option> ???????????????????????????????????????????????????<option value="1">返货</option> ???????????????????????????????????????????????????<option value="2">移库入货</option> ???????????????????????????????????????????????</select> ???????????????????????????????????????????????<span class="select-hide-span" > ???????????????????????????????????????????????????<b class="select-show-b" ?></b></span> ???????????????????????????????????????????</div>
.posirelative { ???position: relative;}.select-out-div { ???width: 160px; ???overflow: hidden;}select.m-wrap { ???background-color: #ffffff; ???background-image: none !important; ???filter: none !important; ???border: 1px solid #e5e5e5; ???outline: none; ???height: 25px !important; ???line-height: 25px;}.select-hide-span { ???height: 25px; ???position: absolute; ???top: 0; ???border-right: 1px solid #e5e5e5; ???right: 0; ???width: 20px!important; ???z-index: 999;}.select-show-b { ???border-color: #888 transparent transparent transparent; ???border-style: solid; ???border-width: 5px 4px 0 4px; ???margin-left: -4px; ???margin-top: 10px; ???position: absolute;}
css样式美化 下拉框 select 样式
原文地址:http://www.cnblogs.com/firstdream/p/7985582.html