css - angular2 material md-radio垂直

Question

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

我的代码:-

<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;
}