angular2 material md-radio 垂直

Question

如何使 angular 2 material md-radio 按钮垂直并更改默认颜色。我试过这个但无法使其垂直显示

我的代码：-

<md-radio-group  ng-model="data.group1" layout-align="start start">
    <md-radio-button ng-value="green" class="my-radio" *ngFor="let schedule of schedules" value={{schedule}} (click)="postSchedule(schedule)" ng-style="{'display':'list-item'}">{{schedule}}</md-radio-button>
</md-radio-group>

css:-

md-radio-button ._md-container {
   top: 0;
   transform: translateY(0);
}

Answer 1

您可能需要尝试使用 flex-box 属性。试试下面的代码

.my-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex-box;
    flex-direction: column;
}

Answer 2

Cf 删除了此页面上的 post Pengyy 这对我有用：

您可以为 md-radio-group 添加如下自定义样式。

.radio-group {
  display: inline-flex;
  flex-direction: column;
}

angular2 material md-radio 垂直

angular2 material md-radio vertical

css

angular-material2

angular