anguar2材料md收音机垂直

如何制作垂直2材质MD单选按钮垂直和更改和默认颜色。我想这link，我不能够使它显示垂直anguar2材料md收音机垂直

我的代码： -

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

来源

2017-05-04 suresh

你为什么不尝试做怎么样[角料2]（https://material.angular.io/components/component/radio）做它在'Examples'标签？ – Edric

我有角材料本身，我已根据我的要求重构了代码。 – suresh

请注意，您不应该将'angular2'与'angularjs-material'混合！ – Edric

您可能必须尝试使用柔性框属性。尝试下面的代码

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

来源

2017-05-04 07:45:37 Kirubel

谢谢，@Scados它工作正常。我能否知道如何将默认颜色更改为另一种颜色而不是默认颜色粉红色？ – suresh

是的，您可以使用浏览器检查元素，并使用自己的风格进行更改。您可能需要对其他css值进行更改。 – Kirubel

anguar2材料md收音机垂直

回答

相关问题