css - ZURB Foundation：相同大小的表单选择和输入

Question

我开始使用 zurb 基础，想知道调整输入和选择的“基础方式”是什么。

基本上我得到了四列的行，每一列都有一个表单元素。默认情况下，每个元素都有不同的高度。

请参考我拍的这个截图：

再说一遍，zurb 基础的方法是如何均匀地调整元素的大小？

提前致谢！

Answer 1

看看这个 Foundation 表单 mixin：form-element

如果您使用的是 SASS，则可以执行以下操作：

your_styles_file.css.scss

select {
  @include form-element;
}

这样做，您将拥有具有相同外观和感觉的所有表单输入和选择。

注意这个 mixin 设置的 width 属性，它是 100%。