Firefox 如何使用-moz外观显示菜单列表按钮?

Firefox 如何使用-moz外观显示菜单列表按钮?,firefox,css,mozilla,appearance,Firefox,Css,Mozilla,Appearance,我正在寻找关于使用-moz外观和-webkit外观属性来模拟菜单列表按钮(也称为拆分按钮)外观的任何参考/教程等 我试图实现的是类似于[链接文本][YUI的拆分按钮示例](但遗憾的是不能使用YUI)-webkit外观正常,但我似乎无法让-moz外观正常工作。具体来说,我将它应用到什么类型的元素似乎并不重要,我得到了向下的三角形,表示有一个下拉菜单,但没有按钮文本。例如,这些内容在Safari中的显示与我预期的一样,但在Firefox中没有显示任何文本(为了本例而使用内联样式): 这是我的钮扣

我正在寻找关于使用-moz外观和-webkit外观属性来模拟菜单列表按钮(也称为拆分按钮)外观的任何参考/教程等

我试图实现的是类似于[链接文本][YUI的拆分按钮示例](但遗憾的是不能使用YUI)-webkit外观正常,但我似乎无法让-moz外观正常工作。具体来说,我将它应用到什么类型的元素似乎并不重要,我得到了向下的三角形,表示有一个下拉菜单,但没有按钮文本。例如,这些内容在Safari中的显示与我预期的一样,但在Firefox中没有显示任何文本(为了本例而使用内联样式):


这是我的钮扣

我想我是在试图了解我是否还需要做其他事情,比如设置其他样式,或者属性是否只适用于某些元素等等。我空手而来,找到了外观属性实际设置为menulist按钮的示例,所以如果有人有,我很乐意看到它

Gecko中的
-moz外观:菜单列表按钮样式仅适用于菜单列表箭头,而不适用于菜单按钮箭头,它们只是小图像。

在Gecko中,
-moz外观:菜单列表按钮样式仅适用于菜单列表箭头,而不适用于菜单按钮箭头,它们只是小图像。

您的示例似乎没有链接。您的示例似乎没有链接。
  <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"/>