怎样修改地址栏和搜索栏的字体大小

阅读:13300回复:25
2011-04-14 20:19
写私信
楼主#
我最近从Firefox 3.6升级到 Firefox 4.0正式版,发现无论是默认主题还是第三方主题,地址栏和搜索框中的文字都有剃头剔为现象,想把地址栏和搜索栏字体改小一点看看,请问要怎么改?能详细说一说吗?还是新手,请大家多多指教
2011-04-14 20:19
写私信
1楼#
stylish或者userchrome.css,大小自己改。
.textbox-input-box.urlbar-input-box,#searchbar .textbox-input-box {font-size:12px !important;}
2011-04-14 20:19
写私信
2楼#
alanfly:stylish或者userchrome.css,大小自己改。
.textbox-input-box.urlbar-input-box,#searchbar .textbox-input-box {font-size:12px !important;}
回到原帖

谢谢你的回答,请问默认大小是多少?希望改的时候有一个参照
2011-04-14 20:19
写私信
3楼#
我这里默认主题下的默认大小是12px。
2011-04-14 20:19
写私信
4楼#
alanfly:我这里默认主题下的默认大小是12px。回到原帖

再向你请教几个一直不是很清楚的问题:
1、哪里可以看到Firefox的默认界面字体设置,还有地址栏高度等等相关信息?

2、userchrome.css和stylish在执行效率上是一样的吗?是不是userchrome.css执行效率更高?

3、编辑userchrome.css一般用ChromEdit Plus这个扩展吗?

4、Mozilla有没有相关文档对界面的字体,样式修改作出说明?可以给个地址吗?

新手请多指教,谢谢!!!
2011-04-14 20:19
写私信
5楼#
1.用dom inspector扩展可以看到,不过得懂点css ;
2.userchrome.css是firefox内置的,stylish是管理userchrome.css和usercontent.css的管理器,效率应该差不多;
3.userchrome.css是个文件,用编辑器打开直接编辑;
4.没有吧,相关内容可以直接看firefox的css源码,也可以参考下userstyles.org,上面有很多现成的样式。
2011-04-14 20:19
写私信
6楼#
alanfly:1.用dom inspector扩展可以看到,不过得懂点css ;
2.userchrome.css是firefox内置的,stylish是管理userchrome.css和usercontent.css的管理器,效率应该差不多;
3.userchrome.css是个文件,用编辑器打开直接编辑;
4.没有吧,相关内容可以直接看firefox的css源码,也可以参考下userstyles.org,上面有很多现成的样式。
回到原帖

多谢!这个“firefox的css源码”怎么看呢?也是用dom inspector?
还有,已经安装了dom inspector,但是不知道在哪里看Firefox搜索栏、地址栏的默认字体设置,希望再指点一下
2011-04-14 20:19
写私信
7楼#
用dom inspector方便,也可以直接打开安装文件夹下的相关css文件看。
2011-04-14 20:19
写私信
8楼#
alanfly:用dom inspector方便,也可以直接打开安装文件夹下的相关css文件看。回到原帖

不好意思,实在是新手,你能不能说一说,我要查看地址栏的字体设置用dom inspector怎么做?是不是类似这篇文章的做法http://tieba.baidu.com/f?kz=1042153192
2011-04-14 20:19
写私信
9楼#
用dom inspector选取地址栏选择图中下拉菜单的中computed style,就可以看到应用于地址栏的所有css了。
2011-04-14 20:19
写私信
10楼#
为什么我的dom inspector打开是这样的呢?
[/img]
2011-04-14 20:19
写私信
11楼#
右边那个,你点的是左边那个。
2011-04-14 20:19
写私信
12楼#
非常感谢!!!
2011-04-14 20:19
写私信
13楼#
alanfly:右边那个,你点的是左边那个。回到原帖

如果要编辑的话就得用stylish或者userchrome.css是吗?
2011-04-14 20:19
写私信
14楼#
添加自定义代码到userchrome.css和usercontent.css或者stylish。