angularjs - Text inside angular-material switch thumb -
iam unable place text inside angular-switch using angular-material
iam using following tag , want insert text inside switch thumb.
<md-switch class="md-primary" md-no-ink aria-label="switch no ink" ng-model="data.cb5"><p>hi</p> </md-switch>
in below image,
try might solve issue
<md-switch class="inline-label" md-no-ink aria-label="switch no ink" ng-model="data.cb5"><p>hi</p> </md-switch>
css
md-switch.inline-label .md-bar::before { position: absolute; font-size: 9px; line-height: 13px; content: "off"; right: 0; padding-right: 3px; } md-switch.inline-label.md-checked .md-bar::before { content: "on"; left: 0; padding-left: 3px; }
Comments
Post a Comment