Css 防止背景图像缩放

我正在创建一个带有自定义“上一个/下一个”导航箭头的滑块。 所有的动画都很好。我使用

transform:scale（）

在悬停时放大箭头，一切正常。我只有一个问题

我想防止箭头图像也缩放。

我想我什么都试过了：我用了某种：before/：after（见下文），效果很好。但不是在Safari中（悬停时无过渡）

---

然后我尝试了其他方法：在箭头容器中放置一个跨度，当箭头容器被放大时，跨度被缩小，但看起来一点也不好（见下文）

---

我已经尝试了几个小时，但我无法让它在所有主流浏览器中都工作

因此，问题是：如何防止箭头图像也缩放，只保留其原始尺寸？

只能放大白色圆圈，而不能放大背景图像

我已经创建了第三把小提琴，它拥有我的滑动箭头函数的所有工作代码：

如果有人能帮我，那就太好了

多谢各位 -Jesper

与其

transform（）

ing这些元素，为什么不改变大小呢？看这个

---

你的第一把小提琴在safari对我来说很管用。但这种转变并非如此。我不知道为什么这种方法在狩猎中非常不稳定/不稳定

.arrow:hover {
    width: 50px;
    height: 50px;
    top: -5px;
    bottom: -5px;
}

.prev:hover {
    left: 35px;
}

.next:hover {
    right: 35px;
}