@ZEAL Blog·厉
WWW Zeal Blog
We stand alone,
TOGETHER.

设置Firefox statusbarpanel背景

Posted by zeal on 2009-02-10 17:57 , 873 characters |  + 0 - 0   English
转载请保留本行原始出处声明信息 : http://www.zeali.net/entry/604 MaDe1nZEAL
标签 ( WebDev ):  ,  , 

在 Firefox 自定义附加组件中扩展状态栏 statusbar 的内容一般通过在附件组件的 XUL 定义文件中添加 statusbarpanel 元素来实现。

每个 statusbarpanel 都可以定义不同的 CSS 样式。比如对于 <statusbarpanel id="zealiTestExt-panel" label="test label"/> ,可以用常规的方式来修改样式:

var pTargetEle = document.getElementById('zealiTestExt-panel');
with(pTargetEle.style){
    fontWeight = 'bold';
    color = '#f00';
}

但如果想修改 statusbarpanel 的背景,直接这样写你会发现没有起任何效果:

... backgroundColor = '#0f0';

原因是 Firefox 对状态栏的元素应用了基于操作系统的样式,或者当前使用的主题样式定义覆盖了用户自定义组件的样式。解决方法是加入 mozilla 的扩展CSS样式 -moz-appearance 以及 !important 声明:

...
pTargetEle.setAttribute('style','-moz-appearance: none !important; background-image: none !important;background-color: #0f0 !important;');

-moz-appearance 设置为 none 并加上 !important 强制 Firefox 不对该状态栏区域应用缺省系统样式;同时强制清除当前背景图片的样式并设定新的背景颜色。

2 条评论:
- wanfuwu (link) 于 2009-02-12 12:41
Firefox 功能 很强 !
- wanneng (link) 于 2009-02-26 10:39
Firefox 自定义附加组件中扩展后 功能强。。 我喜欢使用它。。
日志存档
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
本 Blog 原创内容
遵循以下授权:

Creative Commons
(创作共用) CC

署名-非商业性
-相同方式分享
ZEAL Blog 基于
Powered byPivot - 1.24.1: 'Arcee'
Pivot1.24.1
开发
系统部署于
Linode.com
Launched @
2005-04-27
Since 2005.04.27  梦想 就像鸡蛋 要么孵化 要么臭掉RSS Feed (Entries) | About me | Back To Home | @ZEAL | zbird.com | 沪ICP备05024379号