如何将自定义CSS应用于Angular Material md-contact-chips

时间:2016-04-25 22:57:39

标签: css angularjs angular-material

我正在尝试将特定的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 元素吗?

1 个答案:

答案 0 :(得分:1)

试试这个:

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

希望得到这个帮助。