资源描述
select选择框文本内容垂直居中
文本来源：
长夜孤舟博客
<!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>Form</title>
<style type="text/css">
body
{
font-family:Verdana,宋体;
font-size:12px;
color:#333;
margin:0px;
padding:0px;
}
i
{
font-style:normal; color:#F00;
}
input,select,button,textarea,label
{
margin:0px; padding:0px;
vertical-align:middle;
color:#333;
}
.formtable
{
margin:20px; padding:10px;
}
.formtable td
{
text-align:left;
padding-left:5px;
padding-top:20px;
}
td.width150
{
width:150px; text-align:right;
}
.forminput
{
width:150px;
padding-right:10px;
height:22px;
text-align:left;
border:1px solid #ccc;
overflow:hidden;
}
.forminput input
{
border:0px;
height:20px;
margin-top:2px;
padding-left:3px;
background:none;
line-height:20px;
}
.forminput select
{
width:162px;
border:0px;
height:24px;
background:none;
line-height:24px;
margin:-1px;
}
.formcheckbox
{
width:13px; height:13px; overflow:hidden; margin-top:1px;
}
.labelpadding
{
padding-left:3px;padding-right:5px;
}
.formradio
{
width:13px; height:13px; overflow:hidden;
}
</style>
</head>
<body>
<form method="post">
<table cellpadding="0" cellspacing="0" class="formtable">
<tr>
<td class="width150"><label>办公设备名称:</label></td>
<td><div class="forminput"><input type="text" name="text" value="请输入"/></div></td>
<td><i>*</i><label>请认真输入</label></td>
</tr>
<tr>
<td class="width150"><label>办公设备型号:</label></td>
<td>
<div class="forminput">
<select>
<option>请选择</option>
<option>一般型号</option>
<option>小型号</option>
<option>大型号</option>
<option>超大型号</option>
</select>
</div>
</td>
<td><i>*</i><label>请选择你需要的设备型号</label></td>
</tr>
<tr>
<td class="width150"><label>设备选择:</label></td>
<td colspan="2">
<input type="checkbox" name="checkbox" checked="checked" class="formcheckbox" /><label class="labelpadding">投影仪</label>
<input type="checkbox" name="checkbox" class="formcheckbox" /><label class="labelpadding">电脑</label>
<input type="checkbox" name="checkbox" class="formcheckbox" /><label class="labelpadding">配置</label>
<input type="checkbox" name="checkbox" class="formcheckbox" /><label class="labelpadding">办公笔</label>
<input type="checkbox" name="checkbox" class="formcheckbox" /><label class="labelpadding">笔记本</label>
</td>
</tr>
<tr>
<td class="width150"><label>是否显示:</label></td>
<td colspan="2">
<input type="radio" name="radio" checked="checked" class="formradio" /><label class="labelpadding">显示</label>
<input type="radio" name="radio" class="formradio" /><label class="labelpadding">不显示</label>
</td>
</tr>
</table>
</form>
</body>
</html>
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
