XUL 按钮看起来像是禁用的并且不可“按下”。 （但是onclick函数被调用）

Question

我正在开发一个 Firefox 扩展。我熟悉 JS、CSS、XML，但对 XUL 很陌生。

我想以在每个下载文件旁边添加一个按钮来重命名它的方式覆盖下载。我已经完成了（放置按钮并处理重命名逻辑）。

剩下的就是 UI。该按钮看起来像是禁用的，但显然不是，因为我可以单击它并出现弹出窗口。

这是现在的样子：

和相应的代码：

<xul:button label="Rename" tabindex="1" onclick="foo()"/>

添加 disabled="false “ 没有帮助。我可以添加 style="color:black; text-shadow:0 0;" 和 这使它看起来像预期，但有几个问题（我猜禁用-类似的外观可能是原因）：

• 我添加的按钮不像本机“清除列表”按钮那样“可按下”（按下它不会改变其外观，即它不会“下降”）。但是，foo() 被调用。
• 我无法从键盘上使用 Tab 导航到按钮。
• 我读过应该更喜欢 command / oncommand 而不是 onclick （例如因为 Tab 导航），但在我的示例中，只有 onclick 调用 foo()。另外两个不起作用。

如果需要更详细的代码（我完全从其他扩展借用了它）：

 <binding id="download-done" extends="chrome://mozapps/content/downloads/download.xml#download-base">
   <content>
     <xul:hbox flex="1">
       ...
       <xul:vbox pack="start" flex="1">
         ...
         <xul:hbox align="center" flex="1">
           <xul:label xbl:inherits="value=status,tooltiptext=statusTip" crop="end" flex="1" class="status"/>
           <xul:button label="Rename" tabindex="1" onclick="foo()"/>
         </xul:hbox>
       </xul:vbox>
     </xul:hbox>
   </content>  
 </binding>

非常感谢帮助。

编辑 1

我上面提供的代码取自原始 Firefox download.xml () 并仅通过添加我的。

为了让事情变得更奇怪，我从同一个文件中获取了另外两个绑定（ 和 ) 并向它们添加了完全相同的 ，并且在这两种情况下，按钮都是“可推动的”并且是黑色的（在简短、正常、理应如此 是）。即使没有显式设置 tabindex，也可以使用 Tab 从键盘进行导航。