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

Question

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

here是个笨蛋

<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>是 parent 和_md-container是要修改的子元素。

Here's a fork of the plunker使用修改后的样式:

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

希望这对您有所帮助!