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>
  • 相关阅读:
    xxx
    cdq分治入门--BZOJ1176: [Balkan2007]Mokia
    cdq分治入门--BZOJ3262: 陌上花开
    本月题量 171122晚-171222午
    cdq分治入门--BZOJ1492: [NOI2007]货币兑换Cash
    NOIP2017游记
    xx
    CF601D:Acyclic Organic Compounds
    LOJ#539. 「LibreOJ NOIP Round #1」旅游路线
    composer常用的一些命令参数说明
  • 原文地址:https://www.cnblogs.com/scottckt/p/1376887.html
Copyright © 2011-2022 走看看