[英]How can I modify the md-input-container in angularJS
I am working on designing a form with angularJS.我正在使用 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.
每当我使用文本字段(md-input-container)和下拉(md-select)时,都会导致高度差异。
When I inspect the code, I find out that the md-input-container has an extra md-error div tag.当我检查代码时,我发现 md-input-container 有一个额外的 md-error div 标签。
I want to get rid of this div tag <div class="md-errors-spacer"></div>
.我想去掉这个 div 标签
<div class="md-errors-spacer"></div>
。 Any suggestion?有什么建议吗?
Thank you谢谢
You could do something like .hide-validation-error .md-errors-spacer { display: none; }
你可以做类似的事情
.hide-validation-error .md-errors-spacer { display: none; }
.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. .hide-validation-error .md-errors-spacer { display: none; }
,然后你只需要添加类hide-validation-error
任何的<md-input-container>
的,你知道会不会需要验证。
use this css:使用这个CSS:
md-input-container:not(.md-input-invalid) .md-errors-spacer {
display: none;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.