ZURB Foundation:相同大小的表单选择和输入

时间:2013-03-19 10:21:04

标签: css html5 zurb-foundation

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

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

请参阅我拍摄的截图 http://i.imgur.com/dpWZLq1.png

再说一遍,zurb基础上如何均匀地调整元素大小?

提前致谢!

1 个答案:

答案 0 :(得分:1)

看看这个基础形式mixin:form-element

如果您使用SASS,您可以执行以下操作:

<强> your_styles_file.css.scss

select {
  @include form-element;
}

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

请注意此mixin设置的width属性,即100%。