submitボタン実装方法は2種類ある ／ 気が付いたこと ／ <input type="submit">は、デフォルトCSSに癖がある

submitボタン実装方法は2種類ある

<input type="submit">
・CSS適用が難しい
・デフォルトCSSの影響を受ける(が強い)

<button type="submit" >
・CSS適用が簡単
・通常通り(他要素と同様の取り扱い)

気が付いたこと

「<input type="submit">のCSS変更は、予想していた以上にやりづらかった
他で動作しているCSSをコピペしてみても意図した通り動作しない、など

<input type="submit" name="xxxx" value="xxxx" class="xxxx">

<button type="submit">を使用した方が良いかも
<input type="submit">と<button type="submit">の違いを知りたい

<input type="submit">は、デフォルトCSSに癖がある

<input type="submit">のデフォルトCSSを一部変更しようとしてハマる

デフォルトのグラデーション
「:hover」時にborderを設定すると、消える

デフォルトのborder
「:hover」時にborder:2pxを設定しないと、位置がズレる
・2px固定とか環境依存が怖くて指定したくない

その他解決できなかったトラブル
・文字後に三角形矢印を、コピペCSSで表示しようとするもうまくいかず