Question

我写了一个简单的firefox工具栏，但我没有用css设置一些列表样式的图像。请帮忙。 //

katimbatoolbar.css

（在chrome / skin中找到）文件夹

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

katimbatoolbar.xul （我的用户界面文件，位于“chrome / content /”文件夹中）

<?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>

这是我的 chrome.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

Answer 1

在您的XUL文件中，您引用chrome：//katimbatoolbar/skin/tuttoolbar.css，而文件夹结构中的文件名为katimbatoolbar.css。另外，你定义

content katimbatoolbar chrome/content/

但文件夹结构以mytoolbar开头。

css没有在我的firefox扩展工具栏上工作

1 个答案: