css - 防止 Angular Material md-autocomplete 中的 css 继承

Question

我有以下 CSS:

 .form input{
-moz-box-shadow: inset 10px 10px 0px -7px #ededed;
-webkit-box-shadow: inset 10px 10px 0px -7px #ededed;
box-shadow: inset 10px 10px 0px -7px #ededed;}

但是我不想让md-autocomplete输入框继承样式。我该如何防止它发生？

Answer 1

我只需要为 md-autocomplete 分配一个 ID 并使用以下 css

#chip input{
border: 0px;
height: 35px;
-moz-box-shadow: 0px;
-webkit-box-shadow: inset 0px 0px 0px 0px #ededed;
box-shadow: inset 0px 0px 0px 0px #ededed;
color: #9e9e9e;
outline: none;