我有一个使用实体化CSS创建的表单。在表单中有一个电子邮件字段,电子邮件输入字段和标签之间的默认间隙不适合我,我想减小该间隙。我尝试了以下CSS,但没有用。
尝试过CSS类
.EmailInputFieldSettings{
margin-top:-1rem;
}
这是它的外观
这是电子邮件输入字段的代码
<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field col s12">
<input id="email" type="email" class="validate EmailInputFieldSettings">
<label for="email">Email</label>
</div>
</div>
</form>
</div>
我该如何实现?
谢谢。
更改顶部CSS
.input-field > label {
top: 9px;
}