グレーのボタンだと、押せないと勘違いする人も出る。 本当に無効ではないことを十分に示す必要がある。 参考 buttonのブラウザデフォルトのデザイン 通常の場合 <button>サンプル</button> disabledの場合 <button disabled>サンプル</button>

<input type="number" inputmode="decimal" />

IEではmainタグのdisplayプロパティの規定値はinline であるため、レイアウト崩れが発生する可能性がある。 そのため、明示的に block を指定する必要がある。 main { display: block; }