2016-04-27 2 views
2

mdRadioButtonの指示文をテキストに関連するAngular Materialに設定するにはどうすればよいですか? 私はlayout-alignvertical-alignのスタイルを試しましたが、ラジオボタンは常にテキストに関連して中央に揃えられています。テキストに関連するアンギュラマテリアルのmdRadioButtonディレクティブの垂直アラインメントを設定するには?

hereが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> 

答えて

3

角度素材は、実際にラジオボタンのオン/オフ状態とリップルのコンテナを生成します。

<md-radio-button>は親であり、_md-containerは変更したい子要素です。変更されたスタイルと

Here's a fork of the plunker

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

は、この情報がお役に立てば幸い!

+2

ニース。私は 'top:5px;'を提案しています。また、ミドルアライメントは「トップ:50%」によるものであったことに言及する価値がある。 transform:translateY(-50%); '。 – falsarella

+1

ありがとうございますケルブスター –

関連する問題