Css 我使用角响应旋转木马库。但我不能改变箭头设计和圆点设计

Css 我使用角响应旋转木马库。但我不能改变箭头设计和圆点设计,css,typescript,sass,carousel,angular10,Css,Typescript,Sass,Carousel,Angular10,我使用css样式的::ng deep。我可以更改浏览器CSS。但在我的CSS代码angular 10中并没有解决这个问题。 这是我的密码: > ::ngdeep .carousel-arrow { > background-color: lightblue; > background-position: 50%; > background-repeat: no-repeat; > background-size: 3

我使用css样式的::ng deep。我可以更改浏览器CSS。但在我的CSS代码angular 10中并没有解决这个问题。 这是我的密码:

>  ::ngdeep .carousel-arrow {
>       background-color: lightblue;
>       background-position: 50%;
>       background-repeat: no-repeat;
>       background-size: 31px;
>       border-radius: 100px;
>       box-shadow: 0 0 5px rgb(0 0 0 / 15%);
>       cursor: pointer;
>       height: 40px;
>       margin-top: -20px;
>       position: absolute;
>       top: 50%;
>       width: 40px;
>       z-index: 10;  
  }

为了为旋转木马组件创建自定义主题,您必须通过Angular's。
最好的方法是全局包含一个scss文件。
您可以创建一个主题,例如
carousel.theme.scss
,然后通过
导入该主题
@import'/carousel.theme.scss'在您的根目录中
样式.scss

为了真正通过角度视图封装,可能还需要使用
!重要信息
,以达到您想要的结果

:host::ng deep
(这将是正确的语法)被视为已弃用,不应再使用