Как использовать -moz-внешний вид для отображения кнопки menulist?

Question

Я ищу любые ссылки / учебные пособия и т. Д. Об использовании свойств -moz-Appearance и -webkit-Appearance для имитации внешнего вида кнопки menulist (или кнопка разделения).

Я пытаюсь добиться чего-то вроде [текст ссылки][пример кнопки разделения YUI] (но, к сожалению, не могу использовать YUI). Внешний вид -webkit работает нормально, но я не могу заставить работать -moz-внешний вид. В частности, не имеет значения, к какому типу элементов я применяю его, я получаю треугольник, обращенный вниз, указывающий, что есть выпадающее меню, но нет текста кнопки. Например, все они отображаются так, как я ожидал в Safari, но в Firefox текст не отображается (используются встроенные стили только для примера):

  <a href="#" style="-webkit-appearance:menulist-button;-moz-appearance:menulist-button;width:150px;">hello</a>

  <div style="-webkit-appearance:menulist-button;-moz-appearance:menulist-button;width:150px;">here is my button</div>

  <input style="-webkit-appearance:menulist-button;-moz-appearance:menulist-button;width:150px;" value="hello"/>

Я предполагаю, что пытаюсь понять, нужно ли что-то еще делать, например, устанавливать другие стили, или свойство применяется только к определенным элементам и т. Д. Я подхожу с пустыми руками, находя примеры свойств внешнего вида. быть настроенным на кнопку menulist-button, так что если у кого-то есть такая, я бы с удовольствием это увидел.

Answer 1

В Гекко -moz-appearance: menulist-button; Стиль применяется только к стрелкам менулиста, а не к стрелкам менубаттона, которые являются просто маленькими изображениями.