码迷,mamicode.com
首页 > 其他好文 > 详细

select加下拉箭头

时间:2020-07-03 17:13:02      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:white   border   hid   pre   lips   ext   none   bottom   nbsp   

技术图片

<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加下拉箭头

标签:white   border   hid   pre   lips   ext   none   bottom   nbsp   

原文地址:https://www.cnblogs.com/liubingyjui/p/13231329.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!