フォームパーツ内の高さをline-heightで調整

[qrac]

70 の調整を受けてフォームも改修

[qrac]

テスト

line-heightでの高さ揃えを行いつつ、最小限の改修でクロスブラウザ対応を実現させる

1. buttonタグに.btnを付与して崩れないか - MUSUBii Form Test of v3.4.0+
2. input・selectの高さ指定を無くしてline-heightに変えた場合崩れないか - MUSUBii Form Test of v3.4.0+

検証結果（必須改修）

1. buttonタグは問題なし ※btn側の修正なのでformの改修はなし
2. input・selectの高さ指定が必要 ※IEでつぶれるため

※MUSUBiiでフォームパーツの高さをボタンに合わせて指定する場合はheight: 2.5emではなく、透過ボーダーを含めたheight: calc(2.5em + 2px)とする。

検証結果（補足）

• inputやselectは擬似要素や子要素を持たせられないため、アイコンの付与はdivでラッピングして行うことになる
• 游ゴシックは試していない #37

[qrac]

line-heightの単位をはずした場合も大丈夫？

inputやselectには擬似要素や子要素を持たせられないため、単位をはずしても影響は無いが、ここではbuttonにあわせて記述。

[qrac]

CodePen経由のCrossBrowserTestting iOSでform partsが折り返さない（flex-wrap）のは、CodePenバグなので気にしない。CodePenを使わない実機表示はちゃんと折り返している。