select加下拉箭头
Posted liubingyjui
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了select加下拉箭头相关的知识,希望对你有一定的参考价值。
<div class="flex">
<label>城市</label>
<div class="dealerbo">
<select><option value="110000">北京市</option></select>
</div>
</div>
CSS
.dealerbo { border-bottom: 1px solid rgba(255, 255, 255, 0.5); position: relative; width: 99%; align-items: center; justify-content: space-between; background: url(../images/arrow_Down.png) no-repeat 100% center; overflow: hidden; padding-right: 5%; white-space: nowrap; } select { height: 27px; font-size: 14px; color: #000; border: none; background-color: transparent; padding-bottom: 5px; overflow: hidden; white-space: nowrap; width: 100%; text-overflow: ellipsis; }
以上是关于select加下拉箭头的主要内容,如果未能解决你的问题,请参考以下文章