【问题标题】:how to change style color of arrows in Vue Slick Carousel?如何更改 Vue Slick Carousel 中箭头的样式颜色?
【发布时间】:2021-01-09 13:13:38
【问题描述】:

我在我的项目中使用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;
            }
        }

【问题讨论】:

    标签: vue.js sass nuxt.js carousel slick.js


    【解决方案1】:

    有趣的是,我前段时间也遇到过同样的问题,我的问题是我在一个作用域样式标签中定义了我的样式。

    在全局样式标签中试试这个代码:

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

    【讨论】:

      猜你喜欢
      • 2020-10-08
      • 2021-06-30
      • 2017-03-09
      • 2022-01-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-03-01
      • 1970-01-01
      相关资源
      最近更新 更多