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もう適用されていません! CCS
をAngular Material
要素に適用するために必要なトリックはありますか?
#transform-tagsにはCSSクラスの1つが添付されていますか?多分それは下の要素です – Ozrix