Firefox 美化教程（四）让工具栏更整洁

Mac 上的 Safari 那种工具栏布局一直很流行：菜单栏隐藏掉；工具栏左边放工具按钮，中间是地址栏，右边放搜索框；再下面是书签栏和标签栏。虽然不一定要按照这样来，但这种布局方案很值得参考，因为工具按钮和地址栏都不需要占一整行，而且高度相仿。

去掉工具按钮的下拉箭头

工具按钮旁边的下拉箭头（比如前进、后退按钮右边）没有多大实际作用，点右键就可以弹出下拉菜单，这比按那么小的箭头方便多了。况且很多时候我都是用快捷键代替，或者把后退按钮绑定到鼠标中键，这对 Windows 资源管理器同样有用。去掉这些下拉箭头需要编辑 Firefox 配置文件中的 UserChrome.css，这个文件通常在：
%appdata%\Mozilla\Firefox\Profiles\xxxxxxxx.default\chrome\userChrome.css
其中的 %appdata% 可以直接在资源管理器中输入，会自动定向过去，典型位置会是： C:\Documents and Settings\{USERNAME}\Application Data 。在 UserChrome.css 中增加一段：

.toolbarbutton-menubutton-dropmarker {
display: none !important;
}

重启 Firefox, 下拉箭头就了。用 { display: none !important; } 还可以隐藏掉很多东西，比如不常用到的右键菜单条目——请参考 如何隐藏 Firefox 各处右键菜单中的多余项。

减少工具按钮之间的间距

这需要改动当前皮肤，可以在配置目录下的 extensions 里面找到皮肤文件 .jar, 解压之后找到 \global\toolbar.css 搜索一下 “min-width”, 不同皮肤语句写法可能不同，这里不详细说了。

隐藏“转到”按钮

相信这个按钮很少会被按到，因为大家在地址栏输入文字之后一般都直接回车吧。那么在地址栏输入 about:config ，找到布尔值 browser.urlbar.hideGoButton ，双击它，改成 true 。

可变的搜索框宽度

单纯改变搜索框的宽度可以在 UserChrome.css 中增加：

#search-container, #searchbar {
max-width: 400px !important;
width: 400px !important;
}

不过这里我推荐一个我一直用的扩展： Searchbar Autosizer :

• 方便地设定最大和最小宽度，最小设为 0 的时候搜索框宽度为当前搜索引擎名称的显示宽度。
• 随着字符的输入，搜索框逐渐变宽。
• 回车之后清空已输入的文字。（可选）
• 回车之后跳转回默认搜索引擎。（可选）

改完这些是不是觉得工具栏整洁了许多？如果您有好的点子欢迎指教！