自定义select的样式

select {
    width: 42vw;
    border: none;
    outline: none;
    height: 70px;
    line-height: 70px;
    background-color: #efedee;
    border-radius: 10px;
    color: #666;
    padding-left: 10px;
    font-size: 28px;
    margin: 0 10px;
    /*隐藏select的下拉图标*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../imgs/down_arrow.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    position: relative;
    right: 0;
    background-size: 28px 28px;
}

select::after {
    /*给自定义的图标实现点击下来功能*/
    pointer-events: none;
}