これだけです! 深く考える必要はありません。 むしろ、これを指定しないとタッチではactiveとhoverは反応しないんです。 ちなみに、定義内容を確認してみます。 ontouchstart 属性とは、スマホ等で当該要素が触れられた際に発生するイベント (割込)で実行するクライアント側 アニメーション効果を付けないのであれば、inputtype="checkbox"onoff の高さのところを消して display none;。inputtype="checkbox"onoffchecked でも高さを消して display block;とすれば。アニメーションは無いですが高さに合わせて自動で開閉するようにはなります。CSS の touchaction プロパティは、タッチ画面のユーザーが要素のある領域をどのように操作できるか パンおよびズームのジェスチャーは有効にしますが、ダブルタップでのズームなど、標準外の追加的なジェスチャーを無効します。 アニメーションの
アニメーションで魅せる Cssボタンデザインのサンプルコードまとめ Web Design Trends