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>
  • 相关阅读:
    Python自动化运维答疑解惑
    MySQL基础
    Centos下常用MySQL语法
    PDO
    生成静态页面的好处
    页面纯静态
    源码安装LNMP
    Nginx URL重写(rewrite)
    防盗链
    自定义菜单
  • 原文地址:https://www.cnblogs.com/fm168/p/2808661.html
Copyright © 2011-2022 走看看