Jimco/select-hack.html

## select-hack.html
<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>兼容IE6/IE7/IE8/火狐---下拉菜单select样式兼容</title>
  <style type="text/css">
    body {background-color:#6C6;}
    .sel-wrap{width:88px;height:29px;*background:#fff;background:#fff;*border:1px solid #b2b2b2;*padding:4px;*height:20px;}
    .sel-inner{*border:0;*position:relative;*height:18px;*overflow:hidden;}
    .so-sel{border:1px solid #b2b2b2;padding:4px 3px;font-size:12px;height:30px;width:89px;*width:88px;*margin:-1px;outline:none;}
  </style>
</head>
<body>
  <p>宽高：93px-28px</p>
  <div class="sel-wrap">
    <div class="sel-inner">
      <select name="" class="select">
        <option>北京</option>
        <option>天津</option>
        <option>上海</option>
        <option>重庆</option>
      </select>
    </div>
  </div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="zh-cn">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>兼容IE6/IE7/IE8/火狐---下拉菜单select样式兼容</title>
	<style type="text/css">
	body {background-color:#6C6;}
	.sel-wrap{width:88px;height:29px;background:#fff;background:#fff;border:1px solid #b2b2b2;padding:4px;height:20px;}
	.sel-inner{border:0;position:relative;height:18px;overflow:hidden;}
	.so-sel{border:1px solid #b2b2b2;padding:4px 3px;font-size:12px;height:30px;width:89px;width:88px;margin:-1px;outline:none;}
	</style>
	</head>
	<body>
	<p>宽高：93px-28px</p>
	<div class="sel-wrap">
	<div class="sel-inner">
	<select name="" class="select">
	<option>北京</option>
	<option>天津</option>
	<option>上海</option>
	<option>重庆</option>
	</select>
	</div>
	</div>
	</body>
	</html>