背景
在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;
}
效果