внешний вид: нет;эквивалент Firefox?

Question

Я хотел бы знать, есть ли что-нибудь эквивалентное: -webkit-appearance: none; для firefox?

Чего я хочу достичь?

<select ...> 
   <option>...</option>
   <more option>
</select>

Спасибо.

Answer 1

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

* Источник: 1006 *
Mozilla

Answer 2

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

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

Answer 3

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

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

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

Live пример: http://jsfiddle.net/gaurangkathiriya/z3JTh/

Answer 4

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

Answer 5

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

Просто добавьте небольшую стрелку вниз png для вашего выбора и все готово. Моя стрелка 30х30, но установите ее в соответствии со своими характеристиками.

.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;
}

Answer 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: '';
}

Answer 7

Если вы хотите, чтобы выделение выглядело как кнопка в FF, почему бы не

select { -moz-appearance: button; }

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