1

-moz-appearanceプロパティと-webkit-appearanceプロパティを使用してmenulist-button（別名スプリットボタン）の外観をシミュレートすることについてのリファレンス/チュートリアルなどを探しています。

私が達成しようとしているのは、[リンクテキスト] [YUIの分割ボタンの例]のようなものです（ただし、残念ながらYUIは使用できません）。-webkit-appearanceは正常に機能しますが、-moz-appearanceを機能させることができないようです。具体的には、どのタイプの要素に適用するかは問題ではないようです。下向きの三角形が表示され、ドロップダウンメニューがありますが、ボタンのテキストはありません。たとえば、これらはすべて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に設定されているので、誰かが持っているなら、私はそれを見たいです。

4

1 に答える 1

2

Gecko では、-moz-appearance: menulist-button;スタイルは menulist の矢印にのみ適用され、小さな画像である menubutton の矢印には適用されません。

于 2011-02-05T12:18:33.227 に答える