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

    代码:

    /*套在Select外层,用于隐藏Select框*/
    .DivSelect
    {
        position
    : relative;
        background-color
    : transparent;
        width
    :  140px;
        height
    : 17px;
        overflow
    : hidden; /*隐藏了小三角,因为宽度为110px,而select宽度为130px*/
        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;
        width
    :160px;
        display
    :block;
        height
    : 18px;
        overflow
    :hidden;
    }
                                <div class="DivSelect">
                                    
    <select class="SelectList">
                                        
    <option>aaaa</option>
                                        
    <option>aaaa</option>
                                        
    <option>aaaa</option>
                                        
    <option>aaaa</option>
                                    
    </select>
                                
    </div>
  • 相关阅读:
    Linux命令-tail命令
    服务器重装ip未更改,ssh连不上(WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED)
    Docker中Nginx部署go应用
    Django+gunicorn+nginx项目部署
    Django之 CVB&FVB
    Django之form校验&后台管理
    python argparse例子实践
    重新认识递归
    Django之数据库对象关系映射
    jenkins参数化构建&HTML报告
  • 原文地址:https://www.cnblogs.com/scottckt/p/1376887.html
Copyright © 2011-2022 走看看