如何将自定义CSS应用于角度材质md-contact-chips

Question

我试图将特定的CCS应用于我的md-contact-chips中的一个Angular Material。这是一块HTML的：

<div class="col-xs-10 col-xs-offset-1" style="height:20%;background:rgb(255, 255, 255);border-radius: 20px;border: 3px solid #A3AB45;margin-bottom:20px"> 
      <md-contact-chips id="transform-tags" 
           ng-model="contacts" 
           md-contacts="querySearch($query)" 
           md-contact-name="name" 
           md-contact-image="image" 
           md-contact-email="email" 
           md-require-match="true" 
           md-highlight-flags="i" 
           filter-selected="filterSelected" 
           placeholder="Categories"> 
      </md-contact-chips> 
     </div> 

这是CCS代码：

.md-chips.md-focused { 
    box-shadow: none !important; 
} 

.md-chips { 
    box-shadow: none !important; 
} 

这按预期工作，但它被应用到所有md-contact-chips，我只希望它仅适用于一个ID为transform-tags，所以我修改CCS这样：

#transform-tags.md-chips.md-focused { 
    box-shadow: none !important; 
} 

#transform-tags.md-chips { 
    box-shadow: none !important; 
} 

但是，当我做到这一点，我CCS没有被应用了！我需要做些什么来将CCS应用于Angular Material元素？

Answer 1

试试这个：

#transform-tags md-chips .md-chips 
{ 
    box-shadow: none; 
} 

希望这有助于。