日期:2014-05-17  浏览次数:20661 次

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高度怎么调整?

------解决方案--------------------
 <select id="" name="" style="width: 115px; height:25px;font-size:16px">

------解决方案--------------------
select是窗体级控件,css未必适用呢
------解决方案--------------------
试试  line-height  可以用么
------解决方案--------------------
select高度 不能改吧
------解决方案--------------------
要控制select,只能取巧
1.外面套一个div,控制div向内收缩(参数适当取负值),目的是遮盖select的边框
2.对这个div做相关美化,例如透明的背景图,遮盖下拉的三角形符号
……

反正这个外层的div可以做很多事……
------解决方案--------------------

------解决方案--------------------
看到你放在<td>里面的,<td>的高度貌似不可以改..
简单写了个,你看下是不是要这样的效果。。。

<select name="find"  multiple="multiple">
        <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>





------解决方案--------------------
居然找到这么个收藏……
按下面的结构放置文件,不是我的作品,注意版权信息 
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>