ie 6 7 8 selectの高さを設定する

1468 ワード

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Select DEMO</title>
<style type="text/css">
body{background:#fff;text-align:center;}

.standard_select{ /* */
	display:inline-block;
	border:solid 1px #E3E9EF;
	border-top-color:#ABADB3;
	padding:5px; /* select */
}
.select_shelter{ /* */
	display:inline-block;
	width:100px;
	*width:98px;
	height:20px;
	overflow:hidden;
}
.select_shelter select{
	*margin:-2px;
	padding:1px;
	border:0px;
	width:100px; /*select */
}
</style></head>

<body>
<br><br><br><br><br><br>
<span class="standard_select"><!-- -->
	<span class="select_shelter"><!-- -->
	<select>
		<option value="papername" selected="selected">SELECT </option>
		<option value="state"> </option>
		<option value="state"> </option>
		<option value="state"> </option>
		<option value="state"> </option>
		<option value="state"> </option>
	</select>
	</span>
</span>
</body>
</html>