易妖游戏网
您的当前位置:首页macOS火狐浏览器如何将关闭标签页按钮设置在左边?

macOS火狐浏览器如何将关闭标签页按钮设置在左边?

来源:易妖游戏网

背景

在macOS中,大部分应用的关闭按钮在左边,虽然少部分在右边不会影响效率,但浏览器这种将标签页设置在右边的行为还是会严重割裂操作体验。

尝试解决

mkdir chrome
cd chrome
touch userChrome.css

写入配置文件
此时我在网上找了很多版本的代码,最简单的是

.tabbrowser-tab .tab-close-button {-moz-box-ordinal-group: 'center' !important;}

用编辑器打开userChrome.css写入这一段,保存后重启Firefox,按钮就在左边了,但仍然不完美,光标指向标签页时候,里面的文字会偏移,于是我又花了一番功夫,找到了完美代码,来自:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 

.tabbrowser-tab .tab-throbber,
.tabbrowser-tab .tab-icon-image,
.tabbrowser-tab .tab-sharing-icon-overlay,
.tabbrowser-tab .tab-icon-overlay,
.tabbrowser-tab .tab-label-container,
.tabbrowser-tab .tab-icon-sound {
  -moz-box-ordinal-group: 2 !important;
}
.tabbrowser-tab .tab-close-button {
  margin-left: -5.5px !important;
  margin-right: 3px !important;
}
.tabbrowser-tab:not([pinned="true"]):hover .tab-close-button {
  display: -moz-box !important;
}
.tabbrowser-tab:not([pinned="true"]):hover .tab-icon-image,
.tabbrowser-tab:not([pinned="true"]):hover .tab-throbber {
  display: none;
}
.tab-close-button {
  display: none;
}

效果

因篇幅问题不能全部显示,请点此查看更多更全内容