如何添加边框到md-select选择角度材料?

时间:2016-07-14 07:15:07

标签: angularjs angular-material

我想在角度材质的选择框(md-select)中添加1px边框。

我如何使用CSS?

3 个答案:

答案 0 :(得分:3)

在最新的角度版本中,md-select被重命名为mat-select,并且为mat-select添加边框,你可以在你的html文件中使用mat-form-field,如下所示:

<mat-form-field appearance="outline">
    <mat-select placeholder="Select your option">
        <mat-option *ngFor="let option of options" [value]="option">
           {{option}}
        </mat-option>
    </mat-select>
</mat-form-field>

此处appearance =“outline”,将为选择框添加边框。

答案 1 :(得分:2)

这就是我做的。易peasy!

为md-select标签添加CSS

md-select {
               background-color: white;   
               color: black;
               border : 1px solid #666666;

}

答案 2 :(得分:1)

md-select {
   border: 1px solid #cbcbcb;
}