Проблема масштабирования в опциях выпадающего списка (Mozilla Firefox)

Question

Я настраиваю родительский div, чтобы соответствовать области браузера клиентов.

-> в Chrome я использовал свойство масштабирования, которое правильно масштабирует все элементы внутри, включая выпадающий список

-> А в Mozilla, он не масштабирует "опции комбо-ящика", он фактически скрыт.

<div style="transform: scale(0.8);">
<select>
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
</select>

скрипка

я нашел тот же вопрос: здесь, но это говорит только о проблемах со списком.

Answer 1

Определенно выглядит как ошибка в Firefox. Я тоже столкнулся с подобной проблемой. В качестве временного взлома я заменил свои окна выбора на легкий плагин jQuery, называемый selectric. Смотрите - http://jsfiddle.net/19mkxd8g/5/

        $(function(){
            $('select').selectric();
        });