css - xul 菜单按钮上的鼠标悬停事件

Question

我想在菜单按钮的鼠标悬停事件上更改按钮的显示。它显示了鼠标悬停在菜单按钮事件上的按钮边框，以及按钮和下拉菜单的分离。

<toolbarbutton id="search" type="menu-button" label="SEARCH" width="83" height="25" oncommand="webSearch();event.stopPropagation();" onmouseover="">
   <menupopup>
      <menuitem label="Web" value="webs" oncommand="webSearch();event.stopPropagation();"/>
      <menuitem label="Images" value="images" oncommand="imageSearch();event.stopPropagation();"/>
   </menupopup>
</toolbarbutton>

Answer 1

你想要它做什么？您可以添加一些 CSS 以在将鼠标悬停在其上时更改其样式吗？

#search:hover {
   /* your styles here */
}