Sass ：：ng深角6型皮尔斯ngx芯片标签输入组件

尝试更改此ngx芯片标签输入组件的简单样式属性时遇到重大问题

查阅文档，发现我必须做：深入标记以更改样式

问题是，他们的建议不起作用

认识到使用此方法的正确方法是：：ng deep，而不是：ng deep。但这仍然不起作用

我可以进入我的浏览器，直接更改我的样式，但我的scss代码似乎无法做到这一点

以下是我的scss样式：

// apply theme to the tags
::ng-deep .ng2-tag-input.bootstrap tag {
   align-items: center !important;
   background: #63c2de !important;
}

以下是与ngx芯片组件相关的标签

      <tag-input formControlName="tags" theme="bootstrap">
        <tag-input-dropdown [autocompleteItems]="uniqueTags" [matchingFn]="matchingFn">
        </tag-input-dropdown>
      </tag-input>

---

从你的SCS看，你已经使用了这个

::ng-deep .ng2-tag-input.bootstrap tag { ... }

在你的代码中你没有给任何类。请检查一下。如果所有的事情都是正确的，那么也试试这个

:host ::ng-deep .ng2-tag-input.bootstrap tag { ... } 

听说你应该使用

：host

来应用你的css

---

注意：

:host

将仅在您使用了

:host

的组件上工作

不起作用，我必须在某个地方引用标记输入吗？

这样你必须给类。。。并在scss中使用此标记类。在下拉列表中也使用另一个类。