vue.js - 如何更改 Vue Slick Carousel 中箭头的样式颜色?
问题描述
我在项目中使用vue-slick-carousel作为轮播。我想在不更改此包模块中的样式的情况下更改箭头的颜色。我在主 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;
}
推荐阅读
- python - 以“r+”模式打开文件会给出奇怪的输出
- python - 在 Python 中更改蜘蛛网图的 r 值
- machine-learning - 为什么机器学习算法不处理分类数据而需要将分类数据编码为数值数据?
- python - Python Transformer 异常模式的用处?
- html - 使用 Go 提供 HTML 页面
- c# - 在 WPF DataGrid 中使用多个 XML 文档
- python - 如何在 python 3.8 中从 tkinter 中的文本获取输入
- javascript - 通过 ajax 发送到 php 的数据是否可操作?
- arduino - AT+CIPSEND GET 请求返回 400 ESP8266
- java - 如何创建自动离线实时更新文本的文本视图