并非所有网络浏览器都以相同的方式读取代码。您的代码的问题是所有浏览器(包括 Chrome)均不支持“background-position-x”。更广泛使用的属性就是“背景位置”。
您可以执行以下操作:
.list-group-item-action.left-icon {
background-image: var(--icon-auto-url), var(--list-group-action-icon);
background-position: var(--list-group-icon-padding-x) center, right var(--list-group-icon-padding-x) center;
}
这样,您就可以将 x 和 y 坐标放入应该支持的背景位置属性中。