Как стилизовать/настроить выпадающее меню в браузере UC

Question

У меня есть два входа для выбора, которые выглядят идеально во всех основных браузерах.

Я должен заставить его работать с браузером UC, но я застрял в представлении по умолчанию ввода, который не относится к случаю, который применяется к нему width.

Я прошу помощи, потому что я не могу воспроизвести ошибку на рабочем столе. Я вижу это только на мобильной версии сайта, и я не могу проверить свой код с помощью любого инструмента dev.

Что я могу сделать? У кого-то была аналогичная проблема?

Большое спасибо!

Answer 1

В Chrome вы можете эмулировать каждое устройство, щелкнув F12, а затем значок режима Toggle Device Mode рядом с значком поиска в инструментах dev (вверху инструментов). В верхней части экрана браузера выберите нужное устройство, а затем обновите страницу.

Затем вы можете проверить элементы в инструменте dev. Это потрясающие ресурсы для выяснения ошибок, которые видят только некоторые устройства.

В качестве альтернативы вы также можете «перетащить» нижнюю панель с вкладкой «Эмулятор» (перетащите правую часть вкладки, а не на вкладки), где вы также можете выбрать устройство. Каждый раз, когда вы меняете устройство только на F5 и продолжаете отладку.

Надеюсь, это поможет!

Answer 2

Я обнаружил, что простой:

select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
} 

сделать бы трюк :)!