Turn off grey box when mousedown in Mobile Safari

Posted by Rich Bradshaw on Stack Overflow See other posts from Stack Overflow or by Rich Bradshaw
Published on 2010-06-03T15:55:50Z Indexed on 2010/06/13 16:12 UTC
Read the original article Hit count: 268

Filed under:

safari

|

webkit

|

mobilesafari

On Mobile Safari, when you click on an element it gets a grey box around it between mousedown and mouseup.

How do you turn this off?

© Stack Overflow or respective owner

Related posts about safari

MP4 plays on Safari 4 (desktop) but not on Safari Mobile (iphone)

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm encoding the video with ffmpeg and displaying it using the HTML 5 video tag. It works fine on Firefox (i'm also providing a ogg version) and Safari 4. However, when I try to open it on the iphone I get a "Cannot Play Movie" error. Here is the ffmpeg command I'm using: ffmpeg -y -i movie.mov… >>> More
Positioning 1px off in Safari/Mac but works on Safari/Windows

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm beating my head against a wall on this one; the logo image ("It's All About Revenue") shifts up by one pixel in Safari on Mac, but renders correctly in all other browser/OS combinations I've been able to test. Does anyone have any ideas on why this might be? Here's the site: http://blog.eloqua… >>> More
Safari extensions: style of selectbox like safari's bookmark folders

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey guys, I'm developing an extension for Safari 5 at the moment. In my extension, I use an additional toolbar, with selectboxes in it. Now, it would be great to style these like the folders in the bookmarks toolbar look. I know that it would be possible to replace my select with a completely styleable… >>> More
How to Use and Manage Extensions to Safari 5

as seen on How to geek - Search for 'How to geek'
While there have been hacks to include extensions in Safari for some time now, Safari 5 now offers proper support for them. Today we take a look at managing extensions in the latest version of Safari. Installation and Setup Download and install Safari 5 (link below). Make sure to download the installer… >>> More
Bug with audio reCaptcha in safari

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi all, Can other Safari users please test http://recaptcha.net/learnmore.html for me, to see if the audio reCaptcha plays properly? On my machine, I can only hear the audio if I click the Download sound as MP3 link. I also don't get the spoken introduction at all. It works OK in Firefox and Chrome… >>> More

Related posts about webkit

Twitter Bootstrap styling conflicts with plug-ins like jqGrid and other third part libraries

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Issues:The concern is that the Twitter Bootstrap framework is that some of their css selectors are simply too generic and have incompatibility issues and conflicts with most third party plug-ins and css libraries, like jQuery-UI and jqGrid.My most pressing concern is only with the generic selector… >>> More
How do I know all the events (especially webkit only) supported by webkit/chrome/safari

as seen on Stack Overflow - Search for 'Stack Overflow'
I just cannot find a reference doc for webkit/chrome/safari >>> More
Does webkit-scrollbar work with webkit-transition?

as seen on Stack Overflow - Search for 'Stack Overflow'
I want a custom webkit-scrollbar to animate a different background color for the hover state. The code below changes the color on hover but doesn't animate anything. It works on a div so I suspect webkit-scrollbar doesn't play nice with transitions. ::-webkit-scrollbar-thumb { background-color:… >>> More
Print.css issue in Webkit

as seen on Stack Overflow - Search for 'Stack Overflow'
The page in question is featured here: http://www.allwebcafe.com/news/news-article.php?id=78 For some reason, when a user attempts to print any article of this type from a Webkit-based browser (I've confirmed this in both Safari and Chrome), the pages are all blank. On the flip side, everything behaves… >>> More
Why Chrome does not show CSS3 ::-webkit-scrollbar scrollbar for iframe?

as seen on Stack Overflow - Search for 'Stack Overflow'
Why Chrome does not show CSS3 ::-webkit-scrollbar scrollbar for iframe? Demo http://jsfiddle.net/laukstein/C9s3P/ <iframe scrolling="yes" style="overflow-x:hidden; overflow-y:scroll; width:150px; height:50px;" src="http://en.wikipedia.org/wiki/Web_browser"></iframe> CSS ::-webkit-scrollbar{ … >>> More