2017-07-31 38 views
1

如何从角质地款式选择列表:如何样式选择列表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文件或确实存在特殊的方法?

+0

您需要在每个选项或选择面板上放置边框吗?右上角的箭头是做什么的,或者只是一个图标? – Nehal

+0

我尝试着将'mat-select-placeholder'的CSS设置为'{display:none!important;}'它不起作用 – Daniel

回答

1

您可以修改(或包含您自己的新的)具有所需设计更改的CSS文件。

select框可能会很难以风格化,并且md-menu可以提供更大的灵活性,如果您需要它。

+0

我尝试更改组件文件的style.css中的CSS样式,如下所示:'.mat- tab-label {border = 1px; border-radius:3px; background-color:#eeeeee; }'。但是它并不能代替角度材质的风格。 – Daniel

+0

你可以使用'background-color:#eeeeee!important;'强制覆盖。尽管如此,我不能确定你的班级命名是正确的。 – Milk