#ИМЯ?

Ответ 1

Свойство CSS -moz-появления CSS используется в Gecko (Firefox) для отображения элемент, использующий платформу стилизации на основе системная тема.

Источник:
Mozilla

Ответ 2

-moz-appearance:none с <select> по-прежнему отображается стрелка вниз в Firefox.

См. этот отчет об ошибке для получения дополнительной информации: https://bugzilla.mozilla.org/show_bug.cgi?id=649849

Ответ 3

https://developer.mozilla.org/en/CSS/-moz-appearance

Ответ 4

Попробуйте это. Он работает

select{
    -moz-appearance: none;
    text-overflow: '';
    text-indent: 0.1px;
}

Проверено на Windows 8, Ubuntu и Mac, последние версии Firefox.

Пример в реальном времени: http://jsfiddle.net/gaurangkathiriya/z3JTh/

Ответ 5

Если вы хотите, чтобы в FF был выбран вариант, похожий на кнопку, почему бы не

select { -moz-appearance: button; }

Как здесь: http://jsfiddle.net/SsTHA/

Ответ 6

попробуйте это... для меня это работает на firefox

select{
padding: 0px 0px 0px 5px;
border-radius: 0px;
webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-appearance: none;
background: #ffffff url(../images/small-arrow-down.png) 62px 7px no-repeat;
padding: 1px 20px 1px 3px;
cursor: pointer;
border-radius: 2px;

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

Ответ 7

Вот код для Firefox, Chrome, Safari и IE. (IE 10 и выше)

Просто добавьте небольшую стрелку вниз для вашего выбора и все его настройки. Моя стрелка 30x30, но установите ее в соответствии со спецификациями.

.yourClass select{
  overflow: none;
  background-color: #ffffff;
  -webkit-appearance: none;
  background-image: url(../images/icons/downArrow.png);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}

/* fall back for ie10+  */
.yourClass select::-ms-expand {
    display: none;
}