javascript - JSF SelectOneMenu：如何获得当前鼠标悬停的选项？

Question

我真的被这个问题困住了，我想你可以帮助我......这是我的问题：

我正在开发一个 Seam 应用程序，我使用 JSF SelectOneMenu 组件来显示颜色：

<h:selectOneMenu id="couleurCategorieMenu" styleClass="couleurCategorie" onmouseover="changeBGcolor2(this);" onchange="changeBGcolor(this);" value="#{adminCategorieAction.currentCateg.codeCouleur}">
                        <f:selectItems noSelectionLabel="Please Select ..." value="#{adminCategorieAction.plaCategTitreCodeCouleur}"  />
                    </h:selectOneMenu>

现在，我希望我的 selectOneMenu 的背景等于鼠标过度选项的背景！

我已经完成了一个 Javascript 函数来根据所选选项的背景更改我的 selectOneMenu 的背景：

function changeBGcolor(couleurCateg){
            couleurCateg.style.background = 
                couleurCateg.options[couleurCateg.selectedIndex].value;
}

但我找不到如何获得实际鼠标过度选项的背景:(。

你有什么线索做这种事情吗？

非常感谢提前;），

雷米_M