1

StyleBot [Chromeプラグイン]を使用していて、Webページに次の変更を加えました。

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スクリプトを使用して同じ変更を加えることは可能ですか？

4

3 に答える 3

4

はい。ここ...

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

于 2012-05-30T20:45:27.013 に答える
0

あなたは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");
于 2012-05-30T20:45:12.897 に答える
0

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");

ライブラリ全体を持ち込むことをお勧めしているわけではありません。クロスブラウザにする方法のインスピレーションを得るために、ライブラリのコードを使用してください。

于 2012-05-30T20:47:54.623 に答える