纯css修改下拉列表select的默认样式

<div>
    <select name="">
        <option value="芝士">芝士</option>
        <option value="奶油">奶油</option>
    </select>
</div>

select{ //清除select的边框样式 
            border: none; //清除select聚焦时候的边框颜色 
            outline: none; //将select的宽高等于div的宽高 
            width: 100%; 
            height: 40px; 
            line-height: 40px; //隐藏select的下拉图标 
            appearance: none; 
            -webkit-appearance: none; 
            -moz-appearance: none; //通过padding-left的值让文字居中 
            padding-left: 60px;
 }