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