zoukankan      html  css  js  c++  java
  • css样式美化 下拉框 select 样式

    复制代码
                                         <span class="setleft wid80"><span class="fyhbx">*</span>入库类型 :</span>
                                                <div class=" posirelative select-out-div">
                                                    <select class="m-wrap  "  style=" 180px; padding: 2px 0;">
                                                        <option value="0">采购</option>
                                                        <option value="1">返货</option>
                                                        <option value="2">移库入货</option>
                                                    </select>
                                                    <span class="select-hide-span" >
                                                        <b class="select-show-b"  ></b></span>
                                                </div>
    复制代码
    复制代码
    .posirelative {
        position: relative;
    }
    .select-out-div {
         160px;
        overflow: hidden;
    }
    select.m-wrap {
    
        background-color: #ffffff;
        background-image: none !important;
        filter: none !important;
        border: 1px solid #e5e5e5;
        outline: none;
        height: 25px !important;
        line-height: 25px;
    }
    .select-hide-span {
        height: 25px;
        position: absolute;
        top: 0;
        border-right: 1px solid #e5e5e5;
        right: 0;
         20px!important;
        z-index: 999;
    }
    .select-show-b {
        border-color: #888 transparent transparent transparent;
        border-style: solid;
        border- 5px 4px 0 4px;
        margin-left: -4px;
        margin-top: 10px;
        position: absolute;
    }
    复制代码

  • 相关阅读:
    CTF-cookies欺骗
    CTF-速度要快100
    php实现登录注册界面
    CTF-秋名山老司机 100
    三大类型语句
    PHP运算符
    标记风格和注释
    连接串口服务器时的注意事项
    RS485转以太网的概述和应用领域
    工业级路由器的优点有哪些
  • 原文地址:https://www.cnblogs.com/firstdream/p/7985582.html
Copyright © 2011-2022 走看看