select选项居中、自定义下拉图标

select选项居中

.profile__office-select {
  width:11.309vw;
  height: 2.5rem;
  border: 0.12vw solid #000000;
  background-color: #ffffff;
  border-radius: 0.238vw;

  //下面代码用于控制居中
  text-align: center;
  text-align-last: center;
}

select小图标

.details__select--icon {
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../../assets/img/public/select-icon.svg") no-repeat scroll right center transparent;

  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 10px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.details__select--icon::-ms-expand { display: none; }

/* 控制小图标的位置 */
.details__select--icon-position190 { background-position-x: 9.88vw; }