Angular 样式自动完成

我使用angular 4并使用angular材质 我想添加一个边界半径在我的md自动完成，但它不工作

<md-autocomplete  class="myclass">

.myclass{
    background-color: rgb(250, 250, 250);
     border-bottom-left-radius: 50px;
     border-bottom-right-radius: 50px
}

.myclass{
背景色：rgb（250250250）；
边框左下半径：50px；
边框右下半径：50px
}

你有什么解释吗？ 可能吗

---

非常感谢

您是希望在md自动完成字段周围加上边框，还是希望边框位于md表单字段周围

我相信你希望它出现在表单字段中。有关HTML的示例，请参见

如果打开以下plunkr，它将使用css设置md表单字段的样式：

.example-full-width {
     background-color: rgb(255, 0, 0);
     border-bottom-left-radius: 50px;
     border-bottom-right-radius: 50px
}

---

我使用了红色而不是15%的灰色，因此更加明显。

要更改DrowDown列表样式，请使用

.mat autocomplete panel

classname:

::ng-deep .mat-autocomplete-panel{
  border-radius: 10px;    
}

这将影响所有自动完成。如果您有多个变量，并且希望以不同的方式设置它们的样式，则可以相应地设置不同的变量名和样式。例如，对于第二个：

HTML

<md-autocomplete #mauto="mdAutocomplete">

---

您将样式放在哪里，放在哪个文件中？你读过这个没有，好吧，我认为感谢不在我的，但它不工作，谢谢，我想周围的div出现时，我打字惊人的你是一个天才，如果我有两个自动完成我添加ID属性？如果你想风格不同，更好地添加内联样式和放！重要但如果使用内联样式则无效：（是的，它适用于背景色并设置为md选项。我对演示进行了更新，请查看

::ng-deep .mat-autocomplete-panel#md-autocomplete-0{  //for the first one

::ng-deep .mat-autocomplete-panel#md-autocomplete-1{ //for the second one