Question

我在我的网站上使用ADF技术。但对于单个选择表，我无法将悬停背景颜色更改为我需要使用CSS的颜色。有什么办法可以用JavaScript改变它吗？

Answer 1

根据您的评论：

你可以改变元素的风格来做这个：

$('#ElementIId).css('background-color','red')

现在，在你的情况下，如果你想改变一个元素的悬停效果，你可以这样做：

// Note oyu can also use a class selector $(".myclass").hover...
$("#ElementIId").hover(function(e) 
{  
  $(this).css("background-color",e.type === "mouseenter"?"red":"transparent") 
});

Answer 2

你需要的只是剥皮。 Skins为所有adf组件提供类支持。并且皮肤有自己的规则来规则组件的外观和感觉。

您可以谷歌寻找ADF皮肤指南或只是read this comprehensive article

Answer 3

您可能需要考虑将其外部化到皮肤css文件而不是对JSF页面中的样式进行硬编码，这样可以更容易维护。这是一个如何做到这一点的演示 - https://blogs.oracle.com/shay/entry/styling_specific_adf_components_with

强制不同的CSS样式覆盖现有的adf样式

3 个答案: