Xpages 将鼠标悬停在组合选项上时,如何修改样式?

Xpages 将鼠标悬停在组合选项上时,如何修改样式?,xpages,Xpages,这听起来很简单: 将鼠标悬停在Xpages组合框的选项上,会得到一些蓝色背景和白色文本颜色。试图改变这一切快把我逼疯了。很明显,它不像中那样是一个简单的css语句 select option:hover{background-color: green;} 就像一些标准html代码一样,这就是为什么我没有用css之类的东西来标记它。。。。那又是什么呢?Firebug或Chrome的开发工具对我帮助不大,尽管我确信我遗漏了一些东西 问题关闭后编辑: 我知道有很多关于类似主题的问题。但他们都没有处理

这听起来很简单:

将鼠标悬停在Xpages组合框的选项上,会得到一些蓝色背景和白色文本颜色。试图改变这一切快把我逼疯了。很明显,它不像中那样是一个简单的css语句

select option:hover{background-color: green;}
就像一些标准html代码一样,这就是为什么我没有用css之类的东西来标记它。。。。那又是什么呢?Firebug或Chrome的开发工具对我帮助不大,尽管我确信我遗漏了一些东西

问题关闭后编辑: 我知道有很多关于类似主题的问题。但他们都没有处理xsp组合框。你们中的一些人提出的一个问题给出了一个有趣的解决方案,建议使用方框阴影而不是背景色。这很好,但不是我想要的:

打开组合时,所选值仍具有默认值 出身背景只有在背景悬停时,背景才会发生变化 使用这种方法,我只能投射阴影,但不能改变阴影 根据阴影颜色,文本颜色可能是必需的 使选项清晰易读
但我喜欢克努特的答案,因为它似乎指向了正确的方向;不过需要做一些修改;如果问题还没有解决,我可以把我的解决方案作为自己的答案张贴出来;但是,我把它作为对克努特答案的一个评论,你不能改变xp:comboBox的这种风格。但是,如果使用ExtLib中的xe:djComboBox,则可以使用以下命令更改样式:

.tundra .dijitMenuItemSelected  {
    background-color: green;
}

您希望支持哪些web浏览器?这不是一个重复的问题,因为它与XPages相关:首先,你必须知道xp:comboBox被呈现为一个原生HTML选择控件,这就是为什么不能更改悬停背景的原因。其次,xe:djComboBox.Re:@user2191572:它应该支持MSIE 8-10和Chrome;但事实上,它应该适用于任何现代浏览器:@Knut:谢谢你的输入,我同意:搜索StackOverflow我发现了许多问题和答案,但所有涉及标准HTML选择控件的问题我很高兴看到你让它起作用,我想问题的根源在于风格特定性规则。如果你有空的话,请随意阅读。谢谢你的回答,它指出了正确的方向。我不得不做一些修改,因为dijitMenuItemSelected只适用于点击项目的短暂瞬间。对于悬停,我终于发现了dijitMenuItem:悬停起作用;我还尝试了dijitMenuItemHover,它是在悬停项目时应用的,但不知怎么的,这一个不会触发样式的更改。感谢添加dijitMenuItem:hover虽然悬停对我来说只适用于dijitMenuItemSelected Notes 8.5.3-可能取决于版本或浏览器-最好有最终的解决方案。