How can I modify the md-input-container in angularJS

Question

I am working on designing a form with angularJS. I am facing this issue from a long time. Whenever I use a text field (md-input-container) and drop down (md-select), this causes a height difference.

When I inspect the code, I find out that the md-input-container has an extra md-error div tag.

I want to get rid of this div tag <div class="md-errors-spacer"></div>. Any suggestion?

Thank you

Answer 1

You could do something like .hide-validation-error .md-errors-spacer { display: none; }, and then you would just need to add the class hide-validation-error to any of the <md-input-container>'s that you know won't need validation.

Answer 2

use this css:

md-input-container:not(.md-input-invalid) .md-errors-spacer {
    display: none;
}