[编辑]：此问题已解决 - 请参阅评论
我修改了主.slick-prev:before,
.slick-next:before {
color: gray;
font-size: 80px;
}
文件中的光滑箭头。我添加了：
font-size这可以在Chrome中使用。箭头变大，颜色从白色变为灰色。但是在Firefox和Safari中，箭头的导航和悬停效果会中断。如果我删除这个CSS规则，箭头在所有浏览器中都能正常工作（但它们很小而且很白）。
在Firefox中：悬停状态停止工作（箭头应该在悬停时变得更加不透明）。导航仅适用于原始的20px .slick-prev:before,
.slick-next:before {
color: gray;
font-size: 80px;
-webkit-font-size: 80px;
-moz-font-size: 80px;
}
，因此只有箭头的上角可以点击。 在Safari中：悬停状态更加破碎（大部分箭头在悬停时消失，只有顶角处的原始20px大小仍然存在），导航随机有效地正常工作，并且（大多数情况下）没有在别人身上工作。
我已尝试修改我的CSS规则以包含：
slick-theme.css但这并不能解决问题。我也尝试直接在$posts = Post::with('comments');
if (request()->has('query')) {
$posts = $posts->orWhereHas('comments', function($q) {
$q->where('content', 'like', '%'.request('query'));
})->orWhere('title', 'like', '%'.request('query'));
}
$posts = $posts->get();
文件中更改这些CSS值（你真的不应该这样做），这也不起作用。
如果您想自己测试，请访问以下网站：https://kylevassella.github.io/JC-Realty