Я ищу любые ссылки / руководства и т. Д. Об использовании свойств -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, поэтому, если у кого-то есть такая, я бы хотел ее увидеть.