css自定义select右侧下拉箭头

去掉select默认样式

去掉select右侧黑色实心三角样式 appearance: none;

select{
 	width: 90%;
    height: 100%;
    font-size: .28rem;
    font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
    outline: 0;
    border: none;
    background: none;
    box-sizing: border-box;
    -webkit-appearance: none; /*去掉右侧下拉三角默认样式*/
    appearance: none;
}
 /*自定义下拉三角样式*/
.arrow{
    position: absolute;
    top: 0.14rem;
    right: 0;
    width: 0.16rem;
    height: 0.16rem;
    border-top: 2px solid #9d4639;
    border-right: 2px solid #9d4639;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}