Tips

レスポンシブWebデザインで、selectフォームの高さを調整する

  • このエントリーをはてなブックマークに追加

レスポンシブWebデザインに限ったことではないのですが、最近フォーム入力がしやすいサイトが普及してますね。
私も入力のしやすさを心がけて制作するのですが、selectフォームの高さが大きくならならず、色々試した経緯があります。

結果から言うと、この指定が押しやすさの点でベストです。

DEMO

paddingで高さを調整するより、height指定した方がPCもスマホも両方いけます。

ボタンをオリジナルでデザインしたい方はこちらですね、スマホのデザインには必須ですね。

  • このエントリーをはてなブックマークに追加