最新知识
热点文章
广州网站设计公司 >> 程序知识 >> 设置select的样式在IE和FF下是一致
  • 设置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>

  • 文章来源:广州网站建设
  • 上一篇:没有了!
©2008 广州网站制作 Corporation 版权所有