css - ZURB Foundation: 同じサイズのフォームの選択と入力

Question

私は zurb 基盤を使い始めており、入力と選択のサイジングの「基本的な方法」が何であるかを知りたいです。

基本的に、4列の行とそれぞれにフォーム要素があります。デフォルトでは、すべての要素の高さが異なります。

私が撮ったこのスクリーンショットを参照してください：

繰り返しになりますが、要素を均等にサイズ設定するための zurb の基本的な方法は何でしょうか?

前もって感謝します！

Answer 1

この Foundation フォーム mixin を見てください: form-element

SASS を使用している場合は、次のようなことができます。

your_styles_file.css.scss

select {
  @include form-element;
}

そうすることで、すべてのフォーム入力と選択を同じルック アンド フィールで行うことができます。

この mixin によって設定される width プロパティ (100%) に注意してください。