zoukankan      html  css  js  c++  java
  • HTML、CSS小知识--兼容IE的下拉选择框select

    HTML

    <div class="s_h_ie">
      <select id="Select1" disabled="disabled" runat="server">
        <option value="寻人求助">寻人求助</option>
        <option value="寻人求助">寻人求助</option>
        <option value="寻人求助">寻人求助</option>
      </select>

    </div>

    CSS

    /*在IE中兼容select下拉箭头(亲测可用)*/
    .s_h_ie
    {
    background:#fff url(../../App_Themes/default/images/select_list.png) no-repeat top 12px right 15px;
    150px;
    height:28px;
    overflow:hidden;
    border:1px solid #e1e1e1;
    border-radius:5px;
    }

    .s_h_ie select
    {
    background:transparent!important;
    padding-left:4px!important;
    170px!important;
    height:100%!important;
    border:none!important;
    }

    在IE6里面的下拉选择框(默认)这样的,不好看

    改成你需要的
     
    在select外面套用一个div,设置div的样式,select的border:0; 就行啦!`(*∩_∩*)′(ps:手机端加上:-webkit-appearance:none; 去掉自带样式)
  • 相关阅读:
    班课6
    lesson one
    班课5
    ES6之Proxy及Proxy内置方法
    ES6模板字符串
    ES6之Symbol
    ES6对象及ES6对象简单拓展
    ES6函数的拓展
    ES6数组及数组方法
    ES6字符串方法
  • 原文地址:https://www.cnblogs.com/ruoyuting/p/5505102.html
Copyright © 2011-2022 走看看