iLeichun

当前位置: 首页 > 网页设计

select的样式在IE和FF下不一致怎么办?

分类:网页设计   来源:网络   时间:2010-08-15 22:31:52

做过网站建设程序的都知道,在做SELECT的时候,会发现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>

更多