如何使用物化css输入字段降低线条高度

Question

我想降低线高。这是我的Html代码:图片显示了结果。行距高

1：https://i.stack.imgur.com/ekecF.png`enter代码

<div class="row">
<h3>List</h3>
</div> <!-- End Row -->
<!-- Header -->
<div class="row">
<div class="input-field col s1"><input value="N°" type="text" disabled></div>
<div class="input-field col s2"><input value="First name" type="text" disabled></div>
<div class="input-field col s3"> <input value='Last name' type="text"disabled></div>
</div>  <!-- End row ->>
<!-- Here user inserts details -->
<div class="row">
<div class="input-field col s1"><input value="1" type="text" disabled></div>
<div class="input-field col s2"><input value="" type="text"></div>
<div class="input-field col s3"> <input value="" type="text"></div>
</div>

Answer 1

问题在于，对于materializecss，每个元素都有一个底限。下面是有类的元素..。

• 在这里，margin-bottom:20px在行类中。

• 这里是输入字段类中的margin-bottom:1rem。

输入字段中的，

• ，margin-bottom:8px。

你必须改变他们的保证金。如果materializecss有一个类似于.m-0的类，就意味着margin:0;类似于引导，那么您必须使用定制的CSS来设置每个元素的margin-bottom:0;