nicepainkiller 2019-06-20
如图实现这样的效果:
html代码如下:
<div class="select-bg"> <select class="select-green"> <option value="">高级客户经理</option> <option value="">中级客户经理</option> </select> </div>
css样式代码:
.select-bg{ display:block; width:200px; margin:0 auto; height: 30px; line-height: 37px; font-size: 13px; border:1px #0f7fc7 solid ; box-sizing:border-box; cursor: pointer; position: relative; } .select-bg:after{ content:' '; position: absolute; right:6px; top:50%; margin-top:-5px; width:0px; height:0px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #0f7fc7; font-size:0px; line-height:0px } .select-green { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; outline: none; border: 0 none; position: relative; padding: 0 0 0 5px; width: 100%; color:#0f7fc7; font-weight: bold; background: none; background-color: transparent; font-size: 13px; z-index: 99; overflow: hidden; }