zoukankan      html  css  js  c++  java
  • 隐藏select边框及下拉箭头方法

    CSS样式:

        .width5
        {
            width: 50px;
        }  
        .width6
        {
            width: 60px;
        }  
        .width7
        {
            width: 70px;
        }  
        .width8
        {
            width: 80px;
        }  
        .width9
        {
            width: 90px;
        }  
        
    /*套在Select外层,用于隐藏Select框*/
    .DivSelect
    {
        float:left;
        position: relative;
        background-color: transparent;
        height: 17px;
        overflow: hidden; /*隐藏了小三角,宽度为比select宽度少20px*/
        border-width:0px;
        border-top-style: none; 
        border-right-style: none; 
        border-left-style: none; 
        border-bottom-style: none;
    }
    
    /*设置Select样式*/
    .SelectList
    {
        position: relative;
        background-color: transparent;
        TOP:   -2px;
        left:-2px;
        border-width: 0px;
        border-top-style: none; 
        border-right-style: none; 
        border-left-style: none; 
        border-bottom-style: none;
        display:block;
        height: 20px;
        overflow:hidden;
    }

    前台代码:

                            <div class="DivSelect width5">
                                <select  class="SelectList width7">
                                    <option>双铜纸</option>
                                    <option>双胶纸</option>
                                </select>
                            </div>
  • 相关阅读:
    Mac 键盘快捷键
    行业分析
    大数据导航
    SQL循环语句 详解
    SQL中使用循环结构
    常用 git 基础命令
    最近众包-有意思
    薪酬体系设计
    海氏评估法
    原则类
  • 原文地址:https://www.cnblogs.com/fm168/p/2808661.html
Copyright © 2011-2022 走看看