隱藏select邊框及下拉箭頭方法
阿新 • • 發佈:2019-01-09
.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; }