2011-06-20 90 views
0

iam寫了一個簡單的Firefox工具欄,但我沒有設置一些列表樣式的圖像與CSS。請幫忙。 //css不能在我的Firefox擴展工具欄上工作

katimbatoolbar.css

(在Chrome瀏覽/皮膚中)文件夾

#katimbatoolbarstart 
{ 
    list-style-image :url("chrome://katimbatoolbar/skin/button-1.png"); 
} 

katimbatoolbar.xul(我的用戶界面文件中,找到 「鉻/內容/」文件夾)

<?xml version="1.0"?> 
<?xml-stylesheet href="chrome://katimbatoolbar/skin/tuttoolbar.css" type="text/css"?> 

<overlay id="katimbatoolbaroverlay" 
     xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 

    <script type="application/x-javascript" 
      src="chrome://katimbatoolbar/content/katimbatoolbar.js" /> 

    <toolbox id="navigator-toolbox"> 

     <toolbar id="katimbatoolbar" toolbarname="katimba suite" accesskey="k" 
       class="chromeclass-toolbar" context="toolbar-context-menu" 
       hidden="false" persist="hidden"> 
       <toolbarbutton id="katimbatoolbarstart" tooltiptext="start surfing using katimba ++" 
        label="Start" oncommand="katimbaClass.installLocalHost()"/>      

     </toolbar> 
    </toolbox> 
</overlay> 

這是我的c hrome.manifest文件

content katimbatoolbar chrome/content/ 
overlay chrome://browser/content/browser.xul chrome://katimbatoolbar/content/katimbatoolbar.xul 
skin katimbatoolbar classic/1.0 chrome/skin/ 

工具欄工作正常,但真正長相醜陋,因爲CSS是行不通的。任何幫助提前讚賞。 順便說一句,這是我的文件夾結構

mytoolbar/ 
      install.rdf 
      chrome.manifest 
      chrome/ 
       content/ 
        katimbatoolbar.xul 
        katimbatoolbar.js 
       skin/ 
        katimbatoolbar.css 
        button-1.png 

回答

1

在您的XUL文件你參考鉻://katimbatoolbar/skin/tuttoolbar.css而在你的文件夾結構中的文件被稱爲katimbatoolbar.css。另外,你定義了

content katimbatoolbar chrome/content/ 

但是文件夾結構以mytoolbar開頭。