Most trackpads on laptops have a tap-to-click option/feature where light taps are recognized as presses (either pressing one of the trackpad buttons or pressing down on the trackpad surface on buttonless trackpads) and trigger a click. I've noticed on my Macbook Pro that CSS :active styles aren't applied to HTML elements if I tap on my trackpad; they're only applied if I press down on the trackpad and it clicks.
Is there a way to make trackpad taps (not mobile touchscreen taps) trigger the :active state?
Touch pad taps and clicks are processed by the operating system and/or the browser. There isn't a way to register Clicks between Taps through CSS or JS. For example: @danyamachine said it works on his MacBook, this is most likely because he was using a different browser that handles clicks vs taps differently.