div { height:40px; border-radius:10px; box-shadow:0 0 5px #ccc; position:relative; display:inline-block; padding:0 20px; } select { border:none; /* //清除select聚焦时候的边框颜色 */ outline:none; /* //将select的宽高等于div的宽高 */ width:100%; height:40px; /* //隐藏select的下拉图标 */ appearance:none; -webkit-appearance:none; -moz-appearance:none; padding:0 10px; } div:after { content:"↓"; position:absolute; right:3px; top:50%; transform:translateY(-50%); pointer-events:none; }