0

Javascriptなどを使用して、要素のスタイルを「デフォルト」の状態に復元できるかどうか疑問に思っています。

サード パーティの Web ページに HTML を挿入していて、さまざまな要素にどのスタイルを割り当てるかを制御できないため、これを行う必要があります。たとえば、次のような場合があります。

div {
  margin: 10px;
  padding: 5px;
  line-height: 10px;
  font-size: 150%;
  border: 10px solid yellow;
  foo: bar;
}

すべてのスタイルをクリアして「デフォルト」設定に戻す簡単な方法はありますか? デフォルトのスタイルのリストさえありますか?

ありがとう

4

4 に答える 4

1

誰かがすでに SO でこの質問をしているようです。

CSS リセット、共通要素のデフォルト スタイル

于 2009-01-20T05:36:16.243 に答える
0

デフォルトのスタイルはブラウザごとに定義されており、ご想像のとおり、すべてのブラウザでスタイルが少し異なります。各スタイル属性を定義し、継承するように割り当てることができる場合があります !important:

div {
  margin: inherit !important;
  padding: inherit !important;
  line-height: inherit !important;
  font-size: inherit !important;
  border: inherit !important;
  foo: inherit !important;
}

私はこれがうまくいくと完全に確信しているわけではないので、周りを見回して試してみます.

于 2009-01-20T05:34:01.567 に答える
0

独自の CSS (または内部スタイルシート) をアップロードできる場合は、要素の ID を設定できます。これらのスタイルは、一般的な div{} スタイルよりも優先されます。

于 2009-01-20T08:44:27.733 に答える
0

デフォルトのスタイリング規則をすべて使用して、リセットなどのクラスをいつでも定義し、JS を使用してそのスタイルをリセットする要素に適用できます。例えば

.reset {
  margin: 0 !important;
  color: #000 !important;
  ... etc ...
}

そして、次のようないくつかのjQuery：

$('div').addClass('reset');

たぶんうまくいくでしょう...

于 2009-01-20T17:24:36.530 に答える