ffpro
火狐狸
火狐狸
  • UID35340
  • 注册日期2011-02-26
  • 最后登录2018-07-18
  • 发帖数289
  • 经验45枚
  • 威望0点
  • 贡献值16点
  • 好评度1点
  • 社区居民
阅读:13693回复:25

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

楼主#
更多 发布于:2011-04-14 20:19
我最近从Firefox 3.6升级到 Firefox 4.0正式版,发现无论是默认主题还是第三方主题,地址栏和搜索框中的文字都有剃头剔为现象,想把地址栏和搜索栏字体改小一点看看,请问要怎么改?能详细说一说吗?还是新手,请大家多多指教
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-11-10
  • 发帖数2778
  • 经验590枚
  • 威望1点
  • 贡献值132点
  • 好评度104点
  • 社区居民
  • 最爱沙发
  • 忠实会员
1楼#
发布于:2011-04-14 20:19
stylish或者userchrome.css,大小自己改。
.textbox-input-box.urlbar-input-box,#searchbar .textbox-input-box {font-size:12px !important;}
ffpro
火狐狸
火狐狸
  • UID35340
  • 注册日期2011-02-26
  • 最后登录2018-07-18
  • 发帖数289
  • 经验45枚
  • 威望0点
  • 贡献值16点
  • 好评度1点
  • 社区居民
2楼#
发布于:2011-04-14 20:19
alanfly:stylish或者userchrome.css,大小自己改。
.textbox-input-box.urlbar-input-box,#searchbar .textbox-input-box {font-size:12px !important;}
回到原帖

谢谢你的回答,请问默认大小是多少?希望改的时候有一个参照
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-11-10
  • 发帖数2778
  • 经验590枚
  • 威望1点
  • 贡献值132点
  • 好评度104点
  • 社区居民
  • 最爱沙发
  • 忠实会员
3楼#
发布于:2011-04-14 20:19
我这里默认主题下的默认大小是12px。
ffpro
火狐狸
火狐狸
  • UID35340
  • 注册日期2011-02-26
  • 最后登录2018-07-18
  • 发帖数289
  • 经验45枚
  • 威望0点
  • 贡献值16点
  • 好评度1点
  • 社区居民
4楼#
发布于:2011-04-14 20:19
alanfly:我这里默认主题下的默认大小是12px。回到原帖

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

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

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

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

新手请多指教,谢谢!!!
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-11-10
  • 发帖数2778
  • 经验590枚
  • 威望1点
  • 贡献值132点
  • 好评度104点
  • 社区居民
  • 最爱沙发
  • 忠实会员
5楼#
发布于:2011-04-14 20:19
1.用dom inspector扩展可以看到,不过得懂点css ;
2.userchrome.css是firefox内置的,stylish是管理userchrome.css和usercontent.css的管理器,效率应该差不多;
3.userchrome.css是个文件,用编辑器打开直接编辑;
4.没有吧,相关内容可以直接看firefox的css源码,也可以参考下userstyles.org,上面有很多现成的样式。
ffpro
火狐狸
火狐狸
  • UID35340
  • 注册日期2011-02-26
  • 最后登录2018-07-18
  • 发帖数289
  • 经验45枚
  • 威望0点
  • 贡献值16点
  • 好评度1点
  • 社区居民
6楼#
发布于:2011-04-14 20:19
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搜索栏、地址栏的默认字体设置,希望再指点一下
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-11-10
  • 发帖数2778
  • 经验590枚
  • 威望1点
  • 贡献值132点
  • 好评度104点
  • 社区居民
  • 最爱沙发
  • 忠实会员
7楼#
发布于:2011-04-14 20:19
用dom inspector方便,也可以直接打开安装文件夹下的相关css文件看。
ffpro
火狐狸
火狐狸
  • UID35340
  • 注册日期2011-02-26
  • 最后登录2018-07-18
  • 发帖数289
  • 经验45枚
  • 威望0点
  • 贡献值16点
  • 好评度1点
  • 社区居民
8楼#
发布于:2011-04-14 20:19
alanfly:用dom inspector方便,也可以直接打开安装文件夹下的相关css文件看。回到原帖

不好意思,实在是新手,你能不能说一说,我要查看地址栏的字体设置用dom inspector怎么做?是不是类似这篇文章的做法http://tieba.baidu.com/f?kz=1042153192
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-11-10
  • 发帖数2778
  • 经验590枚
  • 威望1点
  • 贡献值132点
  • 好评度104点
  • 社区居民
  • 最爱沙发
  • 忠实会员
9楼#
发布于:2011-04-14 20:19
用dom inspector选取地址栏选择图中下拉菜单的中computed style,就可以看到应用于地址栏的所有css了。
ffpro
火狐狸
火狐狸
  • UID35340
  • 注册日期2011-02-26
  • 最后登录2018-07-18
  • 发帖数289
  • 经验45枚
  • 威望0点
  • 贡献值16点
  • 好评度1点
  • 社区居民
10楼#
发布于:2011-04-14 20:19
为什么我的dom inspector打开是这样的呢?
[/img]
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-11-10
  • 发帖数2778
  • 经验590枚
  • 威望1点
  • 贡献值132点
  • 好评度104点
  • 社区居民
  • 最爱沙发
  • 忠实会员
11楼#
发布于:2011-04-14 20:19
右边那个,你点的是左边那个。
ffpro
火狐狸
火狐狸
  • UID35340
  • 注册日期2011-02-26
  • 最后登录2018-07-18
  • 发帖数289
  • 经验45枚
  • 威望0点
  • 贡献值16点
  • 好评度1点
  • 社区居民
12楼#
发布于:2011-04-14 20:19
非常感谢!!!
ffpro
火狐狸
火狐狸
  • UID35340
  • 注册日期2011-02-26
  • 最后登录2018-07-18
  • 发帖数289
  • 经验45枚
  • 威望0点
  • 贡献值16点
  • 好评度1点
  • 社区居民
13楼#
发布于:2011-04-14 20:19
alanfly:右边那个,你点的是左边那个。回到原帖

如果要编辑的话就得用stylish或者userchrome.css是吗?
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-11-10
  • 发帖数2778
  • 经验590枚
  • 威望1点
  • 贡献值132点
  • 好评度104点
  • 社区居民
  • 最爱沙发
  • 忠实会员
14楼#
发布于:2011-04-14 20:19
添加自定义代码到userchrome.css和usercontent.css或者stylish。
上一页
游客

返回顶部