隐藏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>
原文地址:https://www.cnblogs.com/scottckt/p/1376887.html