0

投票用の非常に基本的なウィジェットを作成しました。ユーザーは、コードの末尾に JavaScript コードを追加するだけで、Google アナリティクス コードとほとんど同じようにインストールできます。

大まかな CSS ルールを使用する一部のページで、ウィジェットのデザインが少し乱れていることに気付きました。私のウィジェットの CSS では、一意の名前を指定しているので問題ありません。

ただし、ターゲット ページが次のようなルールを使用する場合:

body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;
}

ウィジェットの外観に影響します。

これを解決する方法はありますか？

編集：私はcleanslateを試しました - https://github.com/premasagar/cleanslate しかし、これはターゲットページのcssもリセットします

4

3 に答える 3

1

要素に iframe を使用するか、インライン CSS を使用します。

于 2013-03-17T10:26:15.653 に答える
0

ウィジェットを iframe に配置すると、ターゲット ページの影響を受けなくなります。

于 2013-03-17T09:13:03.357 に答える
0

!importantウィジェットの CSS に使用します。

例：

.widget {
    font: 16px Arial !important;
}
于 2013-03-17T10:06:57.063 に答える