Can I have an XUL panel without a shadow in my Firefox extension?

问题

XUL panels in a Firefox extension overlay always come with a shadow for free. How can I remove this shadow?

Example code for the shadow effect I don't want:

<popupset>
    <panel id="popuppanel" width="500" noautohide="true">
        <vbox>
            <label value="test"/>
            <label value=""/>
            <label value=""/>
            <label value=""/>
        </vbox>
    </panel>
</popupset>

And a screenshot:

Example image of shadow effect I don't want. http://img124.imageshack.us/img124/7766/shadowj.png

回答1:

Use the following CSS statement:

-moz-window-shadow: none;

See also Firefox internal CSS stylesheet (mac version) for its bookmark panel.

回答2:

I think that is part of the OS's doing. Like there is also a shadow on menus in eg. notepad. Not familiar with Vista I have to say, but it's safe to say that it's OS specific.

回答3:

You can set the background color to transparent via css:

background-color: transparent;

来源：https://stackoverflow.com/questions/623609/can-i-have-an-xul-panel-without-a-shadow-in-my-firefox-extension