2017-06-29 13 views
-1

誰でもmdスイッチをテキストの右側に配置する方法を教えてください。角材md-switchの位置を右にする方法は?

<md-switch class="md-primary" md-no-ink aria-label="Switch No Ink" ng-model="filter.fulldayView"> 
     Full day view 
    </md-switch> 

おかげリリース1.1.2以降で利用可能ですmd-switchタグで

答えて

1

使用md-invert

UPDATE:1.1.2より前のリリースのために

、 次のCSSを使用してみてください。 idタグを使用すると、これらのスタイルを特定のmd-switchにのみ適用できます。

md-switch#switch1 { 
    position: relative; 
} 

#switch1 div.md-container { 
    position: absolute; 
    margin-left: 10%; 
    float: right; 
} 

#switch1 div.md-label { 
    float: left; 
    position: absolute; 
    margin-left: 1%; 
} 

HTML:

<md-switch md-no-ink ng-model="hasInk" aria-label="No Ink Effects" id="switch1"> 
    Switch 1 
</md-switch> 

demo

+0

はい、それは、docです。何らかの理由でそれはまったく機能しません。 –

+0

使用している素材のバージョンは? – Nehal

+0

私はversonを使用しています。1.1.0 –

関連する問題