2011-10-18 1 views
0

既存のマークアップを使用してフロントエンドの「テンプレート」のスタイルを変更する必要があるサイトです。私がしたいことは、私のスタイルが引き継ぐように、自分のローカルに書かれたCSSスタイルシートをページに挿入することです。外部CSSリンクをドキュメントに挿入して、特定の既存のシートをオーバーライドします。

それはユーザースタイルシートが答えになりますように思えますが、私は次のような落とし穴と会った:

  • 私は、多くの場合、一度発生しませんこれは、彼らが固執することが重要ルールを持っていました!私のスタイルは既存のものに取って代わります。

  • ローカル画像にリンクできません。

私はサイトのローカル開発環境を利用できません。私ができることは、サイトをローカルでミラーリングしてそこからスタイルを編集することです。しかし、可能であれば、既存のマークアップを再レイアウトすることをお勧めします。

ブラウザプラグインなどのご意見はお寄せください。ありがとうございました!

答えて

1

これも可能です。 document.styleSheetsプロパティを見てください。これには、ページ上のすべてのCSSであるオブジェクトツリーが含まれています。他の人のスタイルシートの個々のプロパティを変更したり、ローカルのスタイルシートに完全にリンクすることができます。

ここには、http://www.javascriptkit.com/domref/stylesheet.shtmlというリンクがありますが、私はいくつかの優れたリソースについてもGoogleと同様にしています。

document.styleSheets [0] .HREF = 'ファイル://js/newstyles.css'

+0

は、これは私が必要なヒントを与えたが、問題を解決しませんでした。残念ながら、 'href'プロパティは読み取り専用ですので、Chromeでユーザースタイルを使用してスタイルシートスタックを再構築して処理を行いました。 – incredimike

関連する問題