修改select的默认样式

系统自带的select标签有很多限制，一般ui组件库都是采用input和ul li标签来实现，如果我们仍想使用自有的select标签，可以用如下方式修改样式。

//html:
         <select class="nav-sel" [(ngModel)]="selVal" (change)="changeSel($event.target.value)">
            <option value="1">最新</option>
            <option value="2">热门</option>
         </select>
//css:
            select{
                width:90px;
                height:40px;
                border: 1px solid #B2B2B2;
                border-radius: 6px;
   
                padding-left: 12px;
            }
            .nav-sel {
                width: 90px;
                height: 40px;
                border: 1px solid #B2B2B2;
                border-radius: 6px;
                appearance:none;  
                -moz-appearance:none;  
                -webkit-appearance:none;  
                background: url("/assets/images/down-arrow.png") no-repeat 65px center;  
                background-size:18%;
            }