how to align the label of an MDBinput

Topic: how to align the label of an MDBinput

dors9590 asked 5 years ago

Hi,I am using you MDBinput tag with your label.i would like the align the label from the left side to the right side.how should i do it?Thank,All the best,

Add comment

Jakub Chmura staff premium answered 5 years ago

0 0 Best answer

Hi @dors9590,

You can modify a label position by your custom CSS rules. But it could cause some problems with animations and MDBInput behavior.

Please change an

.md-form label {
    //.....
    left: 0;
    //...
    }

  .md-form label {
        //.....
        right: 0;
        //...
        }

Then all labels will move to the right, but if you don't want to change all input labels you need to specify a CSS rule and add a custom className to your input.

Best, Kuba

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

User: Free
Premium support: No
Technology: MDB React
MDB Version: 4.27.0
Device: macbook
Browser: chrome
OS: OSX
Provided sample code: No
Provided link: No

dors9590

20Support score
4Questions 0Answers

0Snippets likes 0Snippets