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

时间:2013-12-17 16:39:17

标签: xpages

这听起来很简单:

将鼠标悬停在Xpages组合框的选项上,它们会获得一些蓝色背景和白色文本颜色。试图改变这种情况让我疯狂。它显然不是一个简单的css语句,如

select option:hover{background-color: green;}

就像一些标准的html代码一样(这就是为什么我没有用css等标记这个...)。但那又是什么呢? Firebug或Chrome的开发者工具对我帮助不大,真的,虽然我确定我错过了什么

编辑(问题结束后):
我知道有很多关于类似主题的问题。但它们都没有处理xsp组合框。由youo链接的一个问题通过推荐box-shadow而不是background-color提供了一个有趣的解决方案。这很好,但不是我想要的:

  • 打开组合所选值仍具有默认值 背景;只有悬停在背景上的小时似乎被改变
  • 使用这种方法我只能“施放”阴影但不能改变 文本颜色 - 取决于阴影颜色 - 可能是必要的 使选项清晰易读

但我喜欢克努特的答案,因为它似乎指向正确的方向;但是需要进行一些改动;如果问题没有结束,我可以将我的解决方案作为自己的答案发布;但所以我把它作为对Knut答案的评论。

1 个答案:

答案 0 :(得分:2)

您无法更改xp:comboBox的此样式。但是,如果您使用ExtLib中的xe:djComboBox,则可以使用:

更改样式
.tundra .dijitMenuItemSelected  {
    background-color: green;
}

enter image description here