如何为与文本相关的 Angular Material 的 mdRadioButton 指令设置垂直对齐方式？

Question

如何为与文本相关的mdRadioButton指令设置垂直对齐方式Angular Material？我已经尝试过layout-align和vertical-align样式，但是，单选按钮总是与文本相关的中间对齐。

这是plunker

<md-content>
    <md-radio-group ng-model="data"  style="vertical-align:top;">
        <md-radio-button value="a" aria-label="Label 1" style="vertical-align:text-top;">long text 1</md-radio-button>
        <md-radio-button value="b"> long text 2 </md-radio-button>
    </md-radio-group>
</md-content>

Answer 1

Angular Material 实际上为单选按钮的开/关状态和波纹生成了一个容器。

<md-radio-button>是父_md-container元素，是要修改的子元素。

这是带有修改样式的 plunker 的一个分支：

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

希望这可以帮助！