
- 设置select的样式在IE和FF下是一致
- 来源:广州网站建设 作者:Helly 日期:2009-5-11 11:16:26 点击: 次
做过网站建设程序的都知道,在做SELECT的时候,会发现select的样式在IE和FF下不是一致,如何设置是一致的呢?
这几天做了个小项目频繁的用到了下拉菜单!在FF下测试发现问题都没有可是一用到IE下发现咋地回事高度还是老样子啊!唉没有办法只好看看SELECT 在IE和FF下的区别是什么发现。SELECT 的高度没有其他的特别设置在IE下是固定的!所以的外面加个小小的限制它才行!看以下的代码:<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>www.easysous.com</title>
<style type="text/css">
<!--
div {
border:1px solid #c00;
width:123px;
height:18px;
clip:rect(0px,18px,22px,0px);
overflow:hidden;
}
select {
position:relative;
left:-2px;
top:-2px;
font-size:12px;
width:125px;
line-height:18px;border:0px;
color:#909993;
}
-->
</style>
</head>
<body>
<div>
<select>
<option>新易搜</option>
<option>北京网站建设</option>
<option>北京网站制作</option>
<option>网站建设</option>
<option>北京网站优化</option>
<option>搜索引擎优化</option>
</select>
</div>
</body>
</html>- 文章来源:广州网站建设
- 上一篇:没有了!
- 下一篇:时间与星期代码