2011-11-21 19 views
1

私はブラウザベースのウェブサイトビルダーを表示するためにあなたのウェブサイトの上にCSSを "オーバーレイ"するSquarespaceのユーザーインターフェースを変更するためにChrome拡張機能を書いています。CSSを上書きしているインラインスタイルを「無効にする」方法はありますか?

のは、これが私の体のCSSで言ってみましょう:あなたはSquarespaceのユーザーインターフェイスを開くとき

body { 
background-color: #000000; 
background-image: url("/storage/body.jpg"); 
background-repeat: no-repeat; 
background-position: top center; 
} 

、それはインラインスタイリングとCSSにいくつかのクラスを追加します。だから、これは自動的に私のコードに追加されます。

{ 
padding-top: 56px; 
background-position: 50px 56px; 
} 

だから私はCSSクローム拡張子を持つユーザーインターフェースを変更していますので、私は基本的に「スキップ」または追加されているから、それらのインラインスタイルを「無効」にしたいです。私はエクステンションCSSで重要なことを使うことができますが、いくつかのウェブサイトでは異なるバックグラウンドポジションを使用することがあります。「バックグラウンドポジション:トップセンター!重要」とは言いません。私の内線で私はまた、他のスタイリングにも使われているので、スクリプトを使ってクラスを取り除きたいとは思わない。

ありがとうございます!

+0

'!important'は、インラインスタイルを上書きする唯一の方法です。 –

答えて

4

あなたは絶対に(外部stylsheet、またはあなたの<head>で少なくとも<style>要素に、あなたのスタイルを動いていない、のように)あなたのインラインスタイルを維持する必要がある場合、これは文字通りだけで

myElement 
{ 
    background-position: center !important; 
} 

を使用CSSのやり方。

Javascriptを使用して要素の属性を検索し、必要に応じて変更することができますが、!importantはインラインスタイルを上書きできる唯一のものです。

:)

http://jsfiddle.net/Kyle_Sevenoaks/TXmC7/

関連する問題