css - ZURB 基金会 : Same size form selects and inputs

Question

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

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

请引用我截取的这张截图:

再一次，zurb 基础方法是什么来均匀调整元素的大小？

提前致谢!

Answer 1

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

如果你使用的是 SASS，你可以这样做:

your_styles_file.css.scss

select {
  @include form-element;
}

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

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