@crack_user

Почему на ios разный select?

ios -
65d1f130e9534869082399.jpeg

pc, android -
65d1f1469ede1619578389.png

Пробовал добавлять -webkit-appearance: none;, от части помогло только на select, а вот на Input(там где слово "текст", filter-2 input) - не помогло, на ios он длиннее, а на пк и андроиде - он нормальный. Плюсом к этому - у select пропал значок выпадающего списка (стрелка вниз)
.filter
{
    display: flex;
}

.filter-1 select:nth-child(1)
{
    width: 391px;
    height: 70px;
    border-radius: 20px 0px 0px 20px;
    border: 1px solid var(--gray, #777C86);
    background: rgba(255, 255, 255, 0.20);
}
.filter-1 select:nth-child(2)
{
    width: 259px;
    height: 70px;
    border: 1px solid var(--gray, #777C86);
    background: rgba(255, 255, 255, 0.20);
}
.filter-1 select:nth-child(3)
{
    width: 392px;
    height: 70px;
    border: 1px solid var(--gray, #777C86);
    background: rgba(255, 255, 255, 0.20);
}
.filter-1 select:nth-child(4)
{
    width: 598px;
    border-radius: 0px 20px 0px 0px;
    height: 70px;
    border: 1px solid var(--gray, #777C86);
    background: rgba(255, 255, 255, 0.20);
}
.filter-2 input
{
    width: 807px;
    height: 67px;
    -webkit-appearance: none;
    border-radius: 0px 0px 0px 20px;
    border: 1px solid var(--gray, #777C86);
    background: rgba(255, 255, 255, 0.20);
    color: var(--2-black, #2C2A3B);
    font-family: Manrope, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 30px;
}
  • Вопрос задан
  • 106 просмотров
Пригласить эксперта
Ответы на вопрос 1
@romant094
Frontend-developer
Селект — это один из самых сложных компонентов для реализации и кастомизации. Не получится нативными средствами сделать селект, который будет везде выглядеть одинаково. Нужно делать кастомный.
Можно взять готовый, благо библиотек сейчас предостаточно.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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