Text input suffix

Topic: Text input suffix

pro asked 7 years ago

Is there a way to add a text input suffix as shown on this page of the Material Design guides?:https://material.io/guidelines/components/text-fields.html#text-fields-input-types If you look at the prefixes and suffixes section, you can see they add a 'lbs' suffix to the 'Weight' input box to indicate the unit being used.I'd be grateful for any advice on how I can replicate this using MDB Bootstrap.

itcs pro commented 7 years ago

A little workaround - html: <div class="md-form class1"> <span class="class2">%</span> <input type="text" id="a1" class="form-control" value=" "> <label for="a1">label</label> </div> css: .class1 span.class2 { color: initial; position: absolute; right: 0; top: 16px; font-size: 16px; } Hope this works

Add comment

Mikołaj Smoleński staff answered 7 years ago