【前端】react-awesome-slider样式修改

背景：

    默认的autoplay方式的左、右箭头样式有点嫌弃 想要调整下，默认样式如下：

    在线demo可以调整样式导出属性值，但不知道怎么应用

    https://caferati.me/demo/react-awesome-slider/autoplay

    但样式调整的参数给的类名是不对的（.aws-btn）

探究

    使用demo代码片段

    上图为demo中的代码片段，经过源码层层定位，

    node_modules -- react-awesome-slider -- src -- core -- styles.scss 是组件的基础样式，里面有我想调整的属性

styles.scss头部引用了一个初始化常量类constants.scss，得知该组件的class名为awssld

解决

尝试了自定义的.scss 修改对应的属性值，出现报错（不是很懂scss和css、less的区别）

自定义.css/.less 同样的内容，import即可覆盖样式