Как применить стиль CSS к ребенку <object>

Это звучит просто, но, кажется, не работает.
Существует страница HTML5, содержащая элемент , который ссылается на PDF.

alt : [url=/store/documentDraft.pdf]ALT link[/url]

< /code>
Это правильно загружает PDF в веб -страницу для просмотра в браузере. Идеально. />  ^^ Выше скриншота инспектора HTML (в Firefox, но одинаковая разница в хроме) < /p>
В инспекторе Firefox /хроме инспектора фона PDF может быть изменен путем редактирования элемента < /p>
html body div#outerContainer {
background-color: #13501b;
}

В пределах CSS этого элемента устанавливается как часть браузера, встроенного в CSS Viewer.css , ссылается как:

resource://pdf.js/web/viewer.css$( document ).ready(function() {

setTimeout(function() {
$('main object body > div#outerContainer').css('background-color','#13501b');
console.log('triggered');
}, 5000);

});
< /code>
Этот jQuery выполняет и работает OK, хорошо после того, как объект, содержащий дочерний содержимое, но он не меняет фон, как это происходит при применении стиля через инспектор. $("object").on("load", function() {
var objOuterContainer = $(this).find('#outerContainer');
objOuterContainer.css('background-color', '#13501b');
console.log('triggered');
});;
[/code]
Это похоже на правильное направление, но не возвращаются ошибки, и изменение не наблюдается. /> Использование CSS или сценария на странице?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... ject-child

Быстрый ответ