Vue.js 如何更改Vue Slick旋转木马中箭头的样式颜色？

我在我的项目中用于旋转木马。 我想更改箭头的颜色，而不更改此软件包模块中的样式。 我在主CSS文件中添加了这段代码，但它对我不起作用

        .slick-prev:before,
            .slick-next:before {
                font-size: 20px;
                line-height: 1;

                opacity: 0.75;
                color: red !important;

                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
        }

---

有趣的是，我之前也遇到过同样的问题，我的问题是我在一个范围样式标记中定义了我的样式

在全局样式标记中尝试以下代码：

button.slick-prev:before, button.slick-next:before {
      background-color: red !important;
}