@easy_katka

Почему под iOS(safari) CSS стили ломается?

Есть элемент select на сайте, под windows(chrome) выглядет так
5fbff0728a4f3564384870.png
а под iOS(Safari) так
5fbff08c71943339431976.png

код css
.sel  {
  margin-top: 18px;
  font-size: 17px;
  box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 66px;
  background: #eef2f7;
  background-clip: padding-box;
  border: 1px solid #eef2f7;
  border-radius: 6px;
  border-collapse: separate;
  color: #333;
  text-align: left;
  cursor: text;
  padding: 17px;
}
  • Вопрос задан
  • 76 просмотров
Решения вопроса 1
@Corvuss
Нативный select плохо стилизуется, насколько знаю. К тому же на iOS как всегда есть свои особенности.
Разные варианты.
1. Попробуйте накинуть для iOS -webkit-appearance: none;
2. Оставьте для iOS дефолтное отображение, т.е. не применяйте весь ваш css.
3. Используйте кастомный select (например Choices.js).
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы