@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).
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Бастион Москва
от 180 000 до 220 000 ₽
МТС Москва
от 140 000 до 250 000 ₽