实现CSS文本输入 - ＆gt;在输入和下划线之间获取空格

Question

我在下划线和输入区域之间的textarea小部件中获得了额外的换行符。

这是我得到的：

您可以看到默认文本下方的额外空间和小部件的行

我认为我的代码很简单：

           <div class="row">
            <div class="input-field col m4">
                <i class="material-icons prefix">linear_scale</i>
                <textarea id="r1-value" class="materialize-textarea"></textarea>
                <label for="r1-value">R1 Value</label>
            </div>
            <div class=col m4">

                  <select class="browser-default" name="r1-units">
                      <option value="1">&#8486</option>
                      <option value="2">k&#8486</option>
                      <option value="3">M&#8486</option>
                  </select>
                <label>Resistor Units</label>
            </div>
        </div>
        <div class="row">
            <div class="input-field col m4">
                <i class="material-icons prefix">linear_scale</i>
                <textarea id="r2-value" class="materialize-textarea"></textarea>
                <label for="r2-value">R2 Value</label>
            </div>
        </div>
        <script type="text/javascript">
              $(document).ready(function(){
                $('select').formSelect();
              });
        </script>

任何人都知道造成这种情况的原因是什么？