ie和chrome改变select 下拉列表样式

话不多说，直接撸代码：

#ruleType{
    border: solid 1px #0b7ff3;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    color:#fff;
    padding-right: 100px;
  height:30px;

    background: url("../img/arrow.png") no-repeat scroll right center transparent;
}
#ruleType::-ms-expand { display: none !important; } /*隐藏下拉图标*/

亲测在ie和chrome都有用，但是ie9下，隐藏下拉图标会有问题