2016-04-25 6 views
0

md-contact-chipsからAngular Materialまでのいずれかに特定のCCSを適用しようとしています。これはHTMLの一部です:角材にカスタムCSSを適用する方法md-contact-chips

<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 Iもう適用されていません! CCSAngular Material要素に適用するために必要なトリックはありますか?

+0

#transform-tagsにはCSSクラスの1つが添付されていますか?多分それは下の要素です – Ozrix

答えて

0

これを試してみてください:

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

は、このヘルプを願っています。

関連する問題