Как я могу скрыть стрелку <select> в Firefox 30+?

Этот хак работал в <= Firefox 29 для удаления<select> стрела:

text-overflow: '';
text-indent: 0.01px;
-moz-appearance: none;

Это больше не работает в Firefox 30. Стрелка вернулась.

Codepen для взлома, который работает в Firefox 29Связанная ошибка (теперь исправлено в Fx 35b)

Кто-нибудь знает способ достижения того же эффекта?

Примечание 1: меня не интересуют решения, которые накладывают стрелку на другой элемент, или решения, которые вкладывают элемент select и выполняют переполнение: скрытый.

Примечание 2: я перепробовал все-moz-appearance возможности. Они либо добавляют стили по умолчанию, которые я не могу переопределить, либо не допускают пользовательские стили (в частности, границы и фон), либо стрелка все еще видна.

Обновить: он снова работает в Firefox 35 (в настоящее время в бета-версии), используя-moz-appearance: noneчто делает его похожим во всех последних браузерах (протестировано в IE11, Firefox 35b, Chrome 39, Safari 8):http://jsfiddle.net/phd5pu9x/

Ответы на вопрос(6)

Ваш ответ на вопрос