1

我有一个 html 文件，它链接到一个外部 css 文件，它有这个

#bottomBar td {
    background-color: red;
}

现在在我的 javascript 中，我需要一些东西，如果浏览器是 IE 10，它会使背景颜色变为蓝色而不是红色。这是我试图放入脚本中的内容

if (Function('/*@cc_on return document.documentMode===10@*/')()) { // this checks if it is IE 10
    $('#bottomBar td').css('background-color', 'blue');
}

这不起作用，因为它没有遍历每个 bottomBar td，因为还没有。我想做的就是改变实际的css，不管是否有#bottomBar td，我希望能够改变它的CSS。知道怎么做吗？我想更改我的 css 中的实际文本，但使用

$('#bottomBar td').css('background-color', 'blue');

自选择器以来不起作用

$('#bottomBar td')

不存在，它不会将背景颜色从蓝色更改为红色。请注意，我有限制，不能使用多个样式表，也不能添加或删除任何其他类。

4

2 回答 2

3

尝试类似：

CSS：

#bottomBar td {
    background-color: red;
}
.ie10 #bottomBar td {
    background-color: blue;
}

js：

if (Function('/*@cc_on return document.documentMode===10@*/')()) { // this checks if it is IE 10
    $('body').addClass('ie10');
}
于 2013-11-04T20:09:00.297 回答
2

$('body').append('<style>#bottomBar td { background-color: blue; }</style>');

于 2013-11-04T20:05:38.870 回答