修改 macOS 上的 Vivaldi 浏览器 「关闭标签」按钮的位置

前一段时间看到了 Vivaldi 浏览器上比较不错的查看历史纪录统计的功能，于是下载了 Vivaldi 进行体验。但是在使用过程中发现，关闭标签页的按钮在标签的左边。 macOS 上的 Safari 、 Crome 关闭标签页按钮均在右边，所以感觉到很不习惯，一番搜索之后，整理了修改按钮位置的方法如下。

• 确定 Vivaldi 浏览器界面自定义 CSS 的位置

/Applications/Vivaldi.app/Contents/Versions/$VERSION$/Vivaldi Framework.framework/Resources/vivaldi/style 

• 编辑 common.css 添加如下代码

.tab .close { /* move close button to right and always show */ display: inline !important; order:1 !important; } .tab .tab-audio{ /* move audio button to left */ order:-1 !important; } .tab .favicon{ /* always show favicon, on Mac it disappears when you mouseover */ display: inline !important; margin-left: 6px !important; } 

• 重新启动浏览器

参考资料：Move Tab Close Button To Right Side Of Tab - Vivaldi Forum