Turn off gray box when mousedown in Mobile Safari

Question

In Mobile Safari, when you click on an item, it gets a gray box around it between mousedown and mouseup.

How to disable this?

Answer 1

I also searched for the answer and found it in jQTouch CSS source code. Just add this to your definitions: -webkit-tap-highlight-color: rgba(0,0,0,0); Please note that the field is displayed for something using the "click" or "touchhend" listener (I think), so for best results, drop it under body { }