Стиль SCSS для тега select не работает только на мобильных устройствах

Question

Мое веб-приложение имеет стиль SCSS для входов и выбранных элементов, но по какой-то причине стиль не отображается на мобильных устройствах, несмотря на то, что он отображается на компьютерах должным образом.Кто-нибудь знает, почему это будет происходить?Код CSS ниже

.text-input {
  background: $dark-grey;
  border: 1px solid $off-white;
  color: $off-white;
  font-size: $font-size-medium;
  font-weight: 300;
  margin: 0 auto $s-size auto;
  max-width: 100%;
  padding: $s-size;
  width: 90rem;
}

.text-input::placeholder {
  color: $off-white;
}

.select {
  @extend .text-input;
}

Answer 1

Добавить внешний вид webkit

 .text-input {
      background: $dark-grey;
      border: 1px solid $off-white;
      color: $off-white;
      font-size: $font-size-medium;
      font-weight: 300;
      margin: 0 auto $s-size auto;
      max-width: 100%;
      padding: $s-size;
      width: 90rem;
      -webkit-appearance:none; // add this to add custom design cross-browser
    }

    .text-input::placeholder {
      color: $off-white;
    }

    .select {
      @extend .text-input;
    }