如图实现这样的效果:
html代码如下:
<div class="select-bg"> select ="select-green"> 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:' '; absolute; right:6px; top:50%; margin-top:-5px;0px; height: border-left:10px solid transparent; border-right: border-top:10px solid #0f7fc7;0px } .select-green { -webkit-appearance: none; -moz-appearance: appearance: relative; outline: 0 none; padding: 0 0 0 5px; 100%; color:#0f7fc7; font-weight: bold; background: background-color: transparent; z-index: 99; overflow: hidden; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。