4 ms·
Very nice concept. You should also add the following CSS to the captcha letters: -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-selec
by NathanKP 12y ago
Very nice concept. You should also add the following CSS to the captcha letters:
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
-moz-user-select: none; -ms-user-select: none; user-select: none;
This will make it feel even more like a real captcha by making it impossible to select the text. (Right now you can select it to see the invisible letters)
- frantzmiccoli 12y agoDone, thanks for the hint ;)
- mzs 12y agoI can still select text with mouse in ff 24.5 esr - but still very clever trick!
- frantzmiccoli 12y agoI didn't applied the style to the right element... My bad!
- mzs 12y agoWorks now, but you might want to block pointer events too, for example I can drag with the mouse from the captcha into the text area below to get a URL.
- bennettfeely 12y agoAlternatively, pointer-events: none; will do all the above in one property. Better cross-browser support also.