如何使物化CSS按钮的宽度与col s12相同？

Question

我想让Submit按钮的长度与它上面的输入字段相同。

`<div class="row"> 
    <div class="input-field col s12"> 
     <input id="speciality" type="text" class="validate"> 
      <label for="speciality">Speciality</label> 
    </div> 
</div> 
<div class="row"> 
    <button class="btn waves-effect waves-light" type="submit" name="action">Search 
     <i class="material-icons right">search</i> 
    </button> 
</div>` 

Answer 1

如果列，你必须在你的输入字段被限制在一定的宽度（方式引导柱是如何工作的），你可以把.btn列内为好。

之后，你可以使用下面的CSS，使宽度等于输入字段：

.col.s12 > .btn { 
    width: 100%; 
} 

当然如果button作为一个元素并不屈从于这个CSS规则，你可以使用改为<a class="btn">。