<!DOCTYPE html>
<html>
<head>
<title>Select标签长度</title>
<style type="text/css">
select{width:100px}
</style>
</head>
<body>
<select>
<option value="diyi">第一</option>
<option value="dier">第二</option>
<option value="disan">第三</option>
<option value="disi">第四</option>
</select>
</body>
</html>
说明：
使用CSS样式来定义<select>标签的长度，示例定义为100px的长度。
完整代码在附件中。
原理：使用CSS来控制select标签的宽度。
假设有一段代码：
生日：<select>
<option>-</option>
<option>1998</option>
<option>1997</option>
<option>1996</option>
<option>1995</option>
<option>1994</option>
<option>1992</option>
<option>1991</option>
<option>1990</option>
网页效果：
现在需要生成这个效果：
即对整个select控件进行了加宽。
这里可以在select标签中加入style样式：
<select style="width:100px">
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）