【UX】タッチエリアイベントの拡大【CSS】

.touch-target {
    position: relative;
}

.touch-target::before {
    content: '';
    position: absolute;
    top: -8px;
    left: -16px;
    right: -16px;
    bottom: -8px;
}

• 擬似要素::beforeでタッチ領域のみを拡張
• タッチエリア対象に合わせて範囲はご調整を