如何设置ng-content的样式，::ng-deep不起作用

Question

我正在尝试在 anuglar2 中<ng-content>内设置内容样式

<au-fa-input >
   <input type="text" class="form-control" placeholder="email" #input>
 </au-fa-input>

在 au-fa-input component css 中，我尝试

  :host /deep/ input{
   display:none
  }

或

::ng-deep input{
   display:none
  }

但这不起作用

Answer 1

我认为/deep/不直接适用于 ng 内容和 ng-template，例如它适用于嵌套组件，因此您必须创建一个包含您的元素的类的div 并尝试类似的东西：

<ng-content>
   <div class="deepClass">
     <au-fa-input >
         <input type="text" class="form-control" placeholder="email" #input>
     </au-fa-input>
   </div>
</ng-content>

和 CSS

.deepClass /deep/ input {
   display:none
}