Angular2材料MD-Radio垂直

Question

如何制作Angular 2材料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在此页面上删除了对我有用的帖子：

您可以为MD-Radio-group添加自定义样式。

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