2015-11-19 55 views
-2

所有,我jQuery选择不应用CSS规则

我有以下选择不我想要的背景颜色适用于TD。

table.reportviewer-report td#oReportCell{ 
background: red; } 

这里有一个问题。我有一张桌子住的框架。我的班“的ReportViewer报告”使用jQuery添加到表坐在一个框架在使用这个代码框架负载:

$('div#oReportDiv > table', reportFrame.document).addClass('reportviewer-report'); 

...经查类是存在的。添加类时,不应用样式。

有趣的是,我将markup + css规则应用到scratchpad,它可以工作,我的tds背景变为红色。

顺便说一句,这也适用,但我想使用样式表,而不是使用JS硬编码css规则。

$('div#oReportDiv > table', reportFrame.document).css('background', 'red'); 

发生了什么事?

编辑:看起来像应用样式表规则不适用于框架内的嵌套HTML文档的原因(如注释所示)。解决方法是使用JS动态添加样式表。

+1

你能添加一个小提琴吗? http://jsfiddle.net –

+1

html在哪里? – APAD1

+2

父级CSS不会影响iFrame中的元素。请参阅:http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe – Marcelo

回答

0

如回答了别人:

貌似原因是(通过评论表示)所应用的样式表规则并不适用于框架内的嵌套的HTML文档。解决方法是使用JS动态添加样式表。