Таблица стилей для всплывающей подсказки в расширении Firefox - PullRequest
Новая
       23

Таблица стилей для всплывающей подсказки в расширении Firefox

1 голос
/ 03 ноября 2011

Я разработал расширение Firefox для отображения объяснений некоторых необычных слов.Моя проблема в том, что моя подсказка изменена другими таблицами стилей текущей страницы.Так что на некоторых страницах моя таблица стилей выглядит нормально, а на некоторых она полностью испорчена.Можно ли ограничить мою таблицу стилей примечаниями к всплывающей подсказке, чтобы таблицы стилей с веб-страницы не влияли на мою?

Я загружаю свою таблицу стилей таким образом: 

initTooltipStyle: function(on) {
        var sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);

        var uri = makeURI("resource://tooltip/tooltip.css");
        if (sss.sheetRegistered(uri, sss.USER_SHEET))
            sss.unregisterSheet(uri, sss.USER_SHEET);
        if (on)
            sss.loadAndRegisterSheet(uri, sss.USER_SHEET);
},

1 Ответ

0 голосов
/ 14 ноября 2011

Я столкнулся с этой проблемой.В большинстве случаев свойство стиля, которое вы не применили к своему элементу, будет легко переопределено веб-страницами.Например, если вы не объявили поле для вашего элемента div, а веб-страница объявила div{margin:0;}, ваш элемент также унаследует его.Попробуйте добавить reset.css к вашим элементам (http://meyerweb.com/eric/tools/css/reset/).

Затем попробуйте добавить свои элементы в корневой элемент страницы вместо тела. document.documentElement.appendChild(). Эти методы помогли мне.

Надеюсь, что это поможет!

...