views:

1127

answers:

2

Check out http://www.tonyamoyal.com/rounded_corners2.html with firefox and safari. I am trying to hack a rounded corner text input solution but safari displays a "theme color" when you click on the text input. Any thoughts on how to remove this in CSS? Maybe I don't know the name of this attribute because I cannot find anything searching the web.

Thanks!

+4  A: 

If you're talking about the blue glow I think outline:none on the input or input:focus pseudoclass is what turns it off.

SpliFF
+1 - you're right..textbox { outline: none; }obviously, your class isn't textbox. Adjust as needed.
Shadow
A: 

What about if you want to just change the color of the glow to say a lovely red glow.

Apparently one can specify thew outer glow color with the following:- -webkit-focus-ring-color The color that surrounds a UI element, such as a text field, that has focus. http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-UserInterface

But i guess my syntax is incorrect because i ccan't seem to get it to work.

Anyone got this working?

Timidfriendly