1. 程式人生 > >隱藏select邊框及下拉箭頭方法

隱藏select邊框及下拉箭頭方法

複製程式碼
    .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; }
複製程式碼