如何樣式選擇列表Angular？

如何從角質地款式選擇列表：如何樣式選擇列表Angular？

<md-select placeholder="Favorite food" [(ngModel)]="selectedValue" name="food"> 
    <md-option *ngFor="let food of foods" [value]="food.value"> 
     {{food.viewValue}} 
    </md-option> 
    </md-select>

例如，我需要讓邊框和右側角球添加箭頭。

如何在Material中做到這一點，只是爲了修改CSS文件或確實存在特殊的方法？

來源

2017-07-31 Daniel

您需要在每個選項或選擇面板上放置邊框嗎？右上角的箭頭是做什麼的，或者只是一個圖標？ – Nehal

我嘗試着將'mat-select-placeholder'的CSS設置爲'{display：none！important;}'它不起作用 – Daniel

您可以修改（或包含您自己的新的）具有所需設計更改的CSS文件。

select框可能會很難以風格化，並且md-menu可以提供更大的靈活性，如果您需要它。

來源

2017-08-01 02:25:15 Milk

我嘗試更改組件文件的style.css中的CSS樣式，如下所示：'.mat- tab-label {border = 1px; border-radius：3px; background-color：#eeeeee; }'。但是它並不能代替角度材質的風格。 – Daniel

你可以使用'background-color：#eeeeee！important;'強制覆蓋。儘管如此，我不能確定你的班級命名是正確的。 – Milk

如何樣式選擇列表Angular？

回答

相關問題