scss 选择造型

Posted 2021-05-17

  <div class="select">
    <select>
        <option selected>Sortieren nach ...</option>
    </select>
  </div

.select {
  border-radius: 3px;
  border: 1px solid $border;
  height: 40px;
  position: relative;
  display: inline-block;

  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 10px;
    padding-right: 40px;
    border: 0;
    background: transparent;
    height: 100%;
    &:focus {
      outline: none;
    }
  }

  &:after {
    @extend .fa;
    content:"\f078";
    @include pos(center right 15px);
  }

}