Почему кастомные стили для выпадающих списков работают по-разному в разных браузерах?

Кастомные стили для выпадающих списков работают по-разному в разных браузерах из-за различий в дефолтных стилях браузеров. ru.stackoverflow.com Они могут отличаться по размеру поля, размеру шрифта, высоте строки и другим параметрам. webformyself.com

Чтобы обеспечить универсальный вид выпадающего списка в разных браузерах, можно использовать свойство appearance и проверять совместимость через caniuse.com. sky.pro Также можно применить вендорные префиксы — приставки, которые производители браузеров используют для экспериментальных, ещё не принятых в стандарт, CSS-свойств. ru.stackoverflow.com Например, -o- — префикс для браузера «Опера», -moz- — префикс для браузеров из семейства Mozilla, -webkit- — префикс для браузеров, построенных на движке Webkit, в частности Safari и Chrome. ru.stackoverflow.com