CSS变化[与JS]

Question

我使用StyleBot Chrome插件并对网页进行了以下更改：

td.forumRow {
font-style: normal;
font-family: Verdana;
font-variant: normal;
font-size: 8pt;
text-decoration: none;
}

td.forumRowHighlight {
font-size: 8pt;
font-family: Verdana;
}

span.normalTextSmaller {
font-family: Verdana;
font-size: 8pt;
}

tbody tr td {
font-family: Verdana;
font-size: 8pt;
}

a.linkMenuSink {
font-size: 8pt;
font-family: Verdana;
}

与使用StyleBot不同，是否可以使用javascript脚本进行相同的更改？

Answer 1

是。这里..。

var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = "PASTE YORU CSS HERE"
top.document.body.appendChild(css);

记住，这里写着“粘贴你的CSS”，你必须删除所有的换行符。使用这个工具可以做到这一点：http://www.minifycss.com

Answer 2

您可以通过jQuery轻松地做到这一点：

在你的情况下：

$("<style type='text/css'> td.forumRow { font-style: normal; font-family: Verdana; font-variant: normal; font-size: 8pt; text-decoration: none;}</style>").appendTo("head");

Answer 3

Ext-JS是否使用http://docs.sencha.com/ext-js/4-1/#!/api/Ext.util.CSS？

源代码：http://docs.sencha.com/ext-js/4-1/source/CSS.html#Ext-util-CSS

Ext.util.CSS.updateRule("td.forumRow", "font-style", "normal");

我不是建议你引入整个库，只是使用他们的代码作为灵感，如何使它跨浏览器。