I'm having a problem applying css styles to my Firefox extension elements.
chrome
-content ->attach.xul,cap.js
-skin->overlay.css
In cap.js I'm creating a table and appending it to the body of the page. I tried to style this table. However, when I tested this extension, I found that the table and button elements in the extension are changing according to the site I'm visiting. I've applied this as inline style; yet the design is still changing.
I tried to register a skin for this extension, but the styles were not applied.
In attach.xul I have this:
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://capture/skin/overlay.css" type="text/css"?>
In manifest file I have this:
content capture chrome/content/
overlay chrome://browser/content/browser.xul chrome://capture/content/attach.xul
overlay.css
to the browser XUL (indirectly, viaattach.xul
) but expect it to apply to content pages?