select的高度问题
<td><select name="find" style="width:100px;height:50px">
<option value = "/home/test/a">高级</option>
<option value = "/home/test/b">cu</option>
<option value = "/home/test/c">tomer</option>
<option value = "/home/test/d">mer</option>
</select>
本人刚学习html，请问下select高度怎么调整？
[解决办法]
看到你放在<td>里面的,<td>的高度貌似不可以改..
简单写了个，你看下是不是要这样的效果。。。
css\select2css.css
images\mac-select.gif
images\tm2008-select.gif
images\ubox-select.gif
index.html
js\select2css.js
mac-select.gif
tm2008-select.gif
ubox-select.gif
index.html
<!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=gb2312" />
<style type="text/css">
<!--
@import url(css/select2css.css);
-->
</style>
<script type="text/javascript" src="js/select2css.js"></script>
</head>
<body>
<form id="form" name="form" method="post" action="">
<br />
<div id="uboxstyle">
<h3 style="color:#6D93AB;font-size:14px;">U-Box Style</h3>
<select name="language" id="language">
<option value="English" selected="selected">English</option>
<option value="简体中文" >简体中文</option>
<option value="日本" >日本</option>
<option value="Deutsch" >Deutsch</option>
<option value="Espa?ol" >Espa?ol</option>
<option value="Fran?ais" >Fran?ais</option>
<option value="Italiano" >Italiano</option>
<option value="Polski" >Polski</option>
<option value="Português" >Português</option>
<option value="Svenska" >Svenska</option>
<option value="Türk?e" >Türk?e</option>
<option value="Руccкий" >Руccкий</option>
</select>
</div>
<br /><br />
<h3 style="color:#6D93AB;font-size:14px;">Mac Style</h3>
<div id="macstyle">
<select name="language_mac" id="language_mac">
<option value="English" selected="selected">English</option>
<option value="简体中文" >简体中文</option>
<option value="日本" >日本</option>
<option value="Deutsch" >Deutsch</option>
<option value="Espa?ol" >Espa?ol</option>
<option value="Fran?ais" >Fran?ais</option>
<option value="Italiano" >Italiano</option>
<option value="Polski" >Polski</option>
<option value="Português" >Português</option>
<option value="Svenska" >Svenska</option>
<option value="Türk?e" >Türk?e</option>
<option value="Руccкий" >Руccкий</option>
</select>
</div>
<br /><br />
<h3 style="color:#6D93AB;font-size:14px;">TM2008 Style</h3>
<div id="tm2008style">
<select name="language_tm2008" id="language_tm2008">
<option value="English">English</option>
<option value="简体中文" >简体中文</option>
<option value="日本" >日本</option>
<option value="Deutsch" >Deutsch</option>
<option value="Espa?ol" >Espa?ol</option>
<option value="Fran?ais" >Fran?ais</option>
<option value="Italiano" >Italiano</option>
<option value="Polski" >Polski</option>
<option value="Português" >Português</option>
<option value="Svenska" >Svenska</option>
<option value="Türk?e" >Türk?e</option>
<option value="Руccкий" >Руccкий</option>
</select>
</div>
</form>
<div style="width:550px;margin:20px auto;">
<p><strong><a href="http://js.niutuku.com">牛图库整理</a></strong> </p>
<p>转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。</p>
</div>
</body>
</html>
select2css.css
body { background:#CFDFEF; font:12px/150% "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; }
#uboxstyle .select_box { width:100px; height:24px; }
#macstyle .select_box { width:91px; height:24px; }
#tm2008style .select_box { width:102px; height:24px; }
#uboxstyle div.tag_select { display:block; color:#79A2BD; width:80px; height:24px; background:transparent url("../images/ubox-select.gif") no-repeat 0 0; padding:0 10px; line-height:24px; }
#uboxstyle div.tag_select_hover { display:block; color:#79A2BD; width:80px; height:24px; background:transparent url("../images/ubox-select.gif") no-repeat 0 -24px; padding:0 10px; line-height:24px; }
#uboxstyle div.tag_select_open { display:block; color:#79A2BD; width:80px; height:24px; background:transparent url("../images/ubox-select.gif") no-repeat 0 -48px; padding:0 10px; line-height:24px; }
#uboxstyle ul.tag_options { position:absolute; padding:0; margin:0; list-style:none; background:transparent url("../images/ubox-select.gif") no-repeat right bottom; width:100px; padding:0 0 5px; margin:0; }
#uboxstyle ul.tag_options li { background:transparent url("../images/ubox-select.gif") repeat-y -100px 0; display:block; width:80px; padding:0 10px; height:24px; text-decoration:none; line-height:24px; color:#79A2BD; }
#uboxstyle ul.tag_options li.open_hover { background:transparent url("../images/ubox-select.gif") no-repeat 0 -72px; color:#fff }
#uboxstyle ul.tag_options li.open_selected { background:transparent url("../images/ubox-select.gif") no-repeat 0 -96px; color:#fff }
#macstyle div.tag_select { display:block; color:#000; width:71px; height:24px; background:transparent url("../images/mac-select.gif") no-repeat 0 -24px; padding:0 10px; line-height:24px; }
#macstyle div.tag_select_hover { display:block; color:#000; width:71px; height:24px; background:transparent url("../images/mac-select.gif") no-repeat 0 0; padding:0 10px; line-height:24px; }
#macstyle div.tag_select_open { display:block; color:#000; width:71px; height:24px; background:transparent url("../images/mac-select.gif") no-repeat 0 -48px; padding:0 10px; line-height:24px; }
#macstyle ul.tag_options { position:absolute; margin:-4px 0 0; list-style:none; background:transparent url("../images/mac-select.gif") no-repeat left bottom; width:100px; padding:0 0 5px; margin:0; width:71px; }
#macstyle ul.tag_options li { background:transparent url("../images/mac-select.gif") repeat-y -91px 0; display:block; width:61px; padding:0 0 0 10px; height:24px; text-decoration:none; line-height:24px; color:#000; }
#macstyle ul.tag_options li.open_hover { background:transparent url("../images/mac-select.gif") no-repeat -162px 0; color:#000 }
#macstyle ul.tag_options li.open_selected { background:transparent url("../images/mac-select.gif") no-repeat -162px -24px; color:#fff }
#tm2008style div.tag_select { display:block; color:#000; width:82px; height:22px; background:transparent url("../images/tm2008-select.gif") no-repeat 0 0; padding:0 10px; line-height:22px; }
#tm2008style div.tag_select_hover { display:block; color:#000; width:82px; height:22px; background:transparent url("../images/tm2008-select.gif") no-repeat 0 -22px; padding:0 10px; line-height:22px; }
#tm2008style div.tag_select_open { display:block; color:#000; width:82px; height:22px; background:transparent url("../images/tm2008-select.gif") no-repeat 0 -44px; padding:0 10px; line-height:22px; }
#tm2008style ul.tag_options { position:absolute; margin:0; list-style:none; background:transparent url("../images/tm2008-select.gif") no-repeat left bottom; width:100px; padding:0 0 1px; margin:0; width:80px; }
#tm2008style ul.tag_options li { background:transparent url("../images/tm2008-select.gif") repeat-y -102px 0; display:block; width:61px; padding:0 10px; height:22px; text-decoration:none; line-height:22px; color:#000; }
#tm2008style ul.tag_options li.open_hover { background:transparent url("../images/tm2008-select.gif") no-repeat 0 -88px; color:#000 }
#tm2008style ul.tag_options li.open_selected { background:transparent url("../images/tm2008-select.gif") no-repeat 0 -66px; color:#19555F }