我用途：：ng深的CSS样式。我可以改变浏览器的CSS。但它是不是在我的CSS代码解决角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;
}
2条答案
按热度按时间q8l4jmvw1#
您必须通过Angular的view encapsulation来为carousel组件创建自定义主题。
最好的方法是全局包含一个scss文件。
您可以创建一个主题，例如
carousel.theme.scss，然后通过@import '<path/to/file>/carousel.theme.scss';在您的根目录中styles.scss为了真正通过Angular 视图封装，可能还需要使用
!important来达到您想要的结果。:host::ng-deep（这是正确的语法）被认为已过时，不应再使用。bvhaajcl2#
尝试以下方法：首先，逐个更改ngdeep。然后，在每个样式中添加！important
代替
这样就可以了。