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
-~----------~----~----~----~------~----~------~--~---

Reply via email to