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

背景

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

尝试解决

很幸运，Firefox可以自定义chrome样式（此chrome非彼Chrome，此chorme为浏览器边框、边栏的意思），可以解开高级设置里面的封印，然后用css文件自定义标签样式。
修改高级设置
在地址栏输入about:config打开高级设置，在里面搜索toolkit.legacyUserProfileCustomizations.stylesheets双击为true。
创建css文件
再在地址栏输入about:support,点击“配置文件夹”右边的“在访达中显示”跳转至配置文件夹，打开终端，输入cd空格，将该文件夹拖入，回车，此时查看百分号左边的地址，应该是***…default-release,确认之后输入

mkdir chrome

cd chrome

touch userChrome.css

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

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

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

@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;
}

效果