The trick is to use "-webkit-tap-highlight-color". If the alpha of the color is 0, the orange ring won't be drawn.
On Thu, Jan 22, 2009 at 4:33 PM, Andrew Hedges <segd...@gmail.com> wrote: > > I'm one of the "design guys" Mark was talking about. > > I found scant documentation on Apple's site about -webkit-focus-ring- > color, but from what I saw and my own tests on an Android emulator and > Safari, it appears that this is not a writable property, but an OS- > level constant that is applied to elements with focus. Here's the page > I found that calls this a constant and not a property: > > http://developer.apple.com/documentation/appleapplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html > > For example, I tried the following: > > <select style="-webkit-focus-ring-color: green;"> > <option>1</option> > </select> > > In Android, the focus ring remained orange. In Safari, it remained > blue. > > Mark, not sure what this means for us. Maybe you can hack the OS and > set this value to transparent? C'mon, you can do magic, right? :-) > > On Jan 23, 2:07 am, Mark Murphy <mmur...@commonsware.com> wrote: >> Fred Grott(shareme) wrote: >> > Found it :) I hope >> >> > how about webkit-focus-ring-color >> >> > Does that sound correct Mark? >> >> > I mean there would have to be say an admin.css with webkit in Android >> > setting this to orange correct? >> >> > Thus, the question is can we override it? >> >> In my case, I'd settle for just disabling it. Based on researching that >> constant you cited, I thought maybe the :focus CSS pseudo-class would >> allow me to disable the focus ring, but apparently not. >> >> Of course, my CSS-fu is weak. >> >> I'll pass this info on to the design guys and see if it gives them any help. >> >> Thanks! >> >> -- >> Mark Murphy (a Commons Guy)http://commonsware.com >> _The Busy Coder's Guide to Android Development_ Version 2.0 Published! > > > > -- thanks, Grace --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Android Developers" group. To post to this group, send email to android-developers@googlegroups.com To unsubscribe from this group, send email to android-developers-unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/android-developers?hl=en -~----------~----~----~----~------~----~------~--~---