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

[ilancelot]

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

• 确定 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

[bumz]

蛤？ Safari 的在左边吧

[ilancelot]

@bumz Orz 的确是，平时 Chrome 用的太多，就以为 Safari 在右边了