Materialise CSS 减少输入字段和标签之间的差距

Question

我有一个使用 materialize 创建的表单 CSS。在表单中有一个电子邮件字段，电子邮件输入字段和标签之间的默认间隙不适合我，我想缩小间隙。我已经尝试了以下 CSS 但它没有用。

CSS Class 尝试过

.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>

我怎样才能做到这一点？

谢谢。

Answer 1

换顶CSS

.input-field > label {
    top: 9px;
}

Materialise CSS 减少输入字段和标签之间的差距

Materialize CSS reduce gap between Input field and label

html

css

forms

materialize