IE中修饰HTML SELECT

来源:互联网 发布:java培训机构0首付 编辑:程序博客网 时间:2024/06/05 02:16

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 
 
    <style type="text/css">
 
 span#select {
   border:1px solid #ff0000;
   width:123px;
   height:19px;
   clip:rect(0px,18px,22px,0px);
   overflow:hidden;
   }
 
 span#select select {
   position:relative;
   left:-1px;
   top:-1px;
   font-size:12px;
   width:125px;
   line-height:18px;
   border:0px;
   }  
 
    </style>
  </head>
  <body>

    <span id="select">
 <select>
      <option>google.com</option>
      <option>baidu.com</option>
      <option>sohu.com</option>
      <option>yahoo.com</option>
      <option>sogou.com</option>
    
    </select>
 </span>
 
  <select>
        <option>google.com</option>
      <option>baidu.com</option>
      <option>sohu.com</option>
      <option>yahoo.com</option>
      <option>sogou.com</option>
    </select>
  </body>
</html>

原创粉丝点击