ボタンホバー「枠線が内側に太くなる」

実装サンプル

Hover me

実装手順など解説

枠線はbox-shadowをつかって表現している
box-shadow: inset 0 0 0 2px hsl(243, 80%, 62%);

動作環境

• ○:動作する
• △:動作するが意図せぬ挙動
• ☓:動作しない

-	Mac			Windows11				SP
ブラウザ	Chrome	Firefox	Safari	Chrome	Firefox	Edge	IE	Safari on iOS	Chrome for Android
対応	○	○	○	○	○	○	○