我正在尝试将特定的CCS应用于Angular Material
<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
。这是HTML的一部分:
.md-chips.md-focused {
box-shadow: none !important;
}
.md-chips {
box-shadow: none !important;
}
这是md-contact-chips
代码:
transform-tags
这是按预期运行但它已应用于所有CCS
,我只想将其应用于ID为#transform-tags.md-chips.md-focused {
box-shadow: none !important;
}
#transform-tags.md-chips {
box-shadow: none !important;
}
的那个,因此我以这种方式修改CCS
:
CCS
但是当我这样做时,Angular Material
不再被应用了!我需要做一些技巧才能将curl -H "Accept: application/json" http://localhost:8080/table/*
应用于curl -H "Accept: application/json" http://localhost:8080/table/*?limit=10
元素吗?
答案 0 :(得分:1)
试试这个:
#transform-tags md-chips .md-chips
{
box-shadow: none;
}
希望得到这个帮助。