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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2813 天前的主题，其中的信息可能已经有所发展或是发生改变。

前一段时间看到了 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;
}