html select 下拉箭头隐藏
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> .width5 { width: 122px; } .width7 { width: 142px; } .DivSelect { float:left; position: relative; background:url(../img/his2-sel.jpg) no-repeat; height: 32px; line-height: 32px; 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: 32px; line-height: 32px; overflow:hidden; } </style> </head> <body> <div class="DivSelect width5"> <select class="SelectList width7"> <option>双铜纸</option> <option>双胶纸</option> </select> </div> </body> </html>