使用Slick on Github页面更改箭头的颜色

Question

我使用Slick在我的Github页面上添加轮播，但是我无法设置箭头的颜色。默认情况下，箭头是白色的，因为我的背景为白色，所以我尝试通过

使箭头可见并显示黄色

＆＃13;

＆＃13;

    .slick-prev:before,
    .slick-next:before {
        color: yellow;
    }

＆＃13;

＆＃13;

＆＃13;

我只收到yellow arrow，但我的预期是yellow circle，其中有一个白色箭头。

我不知道哪里出了问题。真的很感谢你的帮助。

Answer 1

编辑： 我刚看到上面的小提琴。如果您将font-family设置为initial!important并添加color:yellow;，那么您的黄色背景将有效：

.slick-prev:before,
.slick-next:before {
    font-family:initial!important;
    color:yellow; 
}

（或者您可以选择黄色variant）

my fiddle

希望这有帮助