角度日历-如何突出显示基于事件的日期

style.scss -文件

@import '~bootstrap/scss/_functions.scss';
@import '~bootstrap/scss/_variables.scss';
@import '~bootstrap/scss/mixins/_breakpoints.scss';
@import 'global.scss';
@import "~bootstrap/scss/bootstrap";
@import "~angular-calendar/css/angular-calendar.css";

$grid-breakpoints: (
    sm: 767px,
    md: 768px,
    lg: 1024px
);

$container-min-widths: (
  sm: 767px,
  md: 768px,
  lg: 1024px
);

//resets;-

html,body {
    padding: 0;
    margin: 0;
    height: 100%;
}
.wrapper.container-fluid{
    min-height: 100%;
    padding:0;
    margin: 0;
}

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

@include media-breakpoint-up(md) {

    .hidden-md-up{
        display: none;
    }

}

@include media-breakpoint-down(sm) {

    .hidden-sm-down{
        display: none !important;
    }

}

.cal-has-events {
    background: #ccc; //works.
}

但是当我从 layzy-load 组件css文件,它不工作。我想要进口 样式.scss cal-has-events 但没用!!也不会出错。如何覆盖 样式.scss scss 文件夹?

@import 'styles.scss';



.cal-has-events{
    background: #00f;
    border:1px solid red;
}

.cal-day-open{
    background: #ffcccc; 
}

.cal-has-events {
    background: green !important; //not works!!
}

样式.scss 本身。有人帮我解决这个问题吗?