I never noticed that blue ring of death until now!  I'm not a big user 
of safari - strictly testing only  :)

You could hide it with something like this:

input:focus {
    outline: none;
}

Although the submit button looks a bit wrong without its glow, so I'd 
probably use this:

input[type=text]:focus {
    outline: none;
}

Or just target it at the specific input box.  Guess it depends on how 
you'd prefer it.  But from a usability perspective I imagine the latter 
is the better choice.

Thanks for pointing that out... something else to add to my skeleton 
stylesheet  :)





Jamie C. wrote:
> Of course Mou you are right again. It does work. The only problem is 
> Safari's focus ring. It seems like you need the rounded corner of your 
> BG to match up with it. I can't seem to find a selector to get rid of 
> it either. Do you know of any?
>
> Oh and Happy Monday to all!
>
>
>
> <input type="text" style="width:199px; height:28px; font-size: 22px; 
> padding: 0px; background: url('bg.png')no-repeat top left; 
> border:none; overflow:hidden" />
>
>
> On Mon, Sep 8, 2008 at 9:35 AM, Mou <mou.me.uk 
> <http://mou.me.uk>@googlemail.com <http://googlemail.com>> wrote:
>
>
>     Are you sure?!
>
>     Ive used background images on search boxes a few times in the past...
>     Ive never noticed a problem with Safari displaying it??
>
>     I'll have to look into that...
>
>
>
>
>     Jamie C. wrote:
>     > Also, I noticed that this script doesn't work in safari. Apparently
>     > Safari won't even let add a background image to an input. :(
>     >
>     > On Mon, Sep 8, 2008 at 4:57 AM, Balázs Buri <[EMAIL PROTECTED]
>     <mailto:[EMAIL PROTECTED]>
>     > <mailto:[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>>> wrote:
>     >
>     >     what I meant is for drop downs, check boxes!!!
>     >
>     >     try to fully customize a drop down only with css. you cant!
>     >
>     >     that's why people use js to create nice looking form. Niceforms
>     >    
>     <http://www.arraystudio.com/as-workshop/niceforms-10-final-version.html>
>     >     is a good script to use.
>     >
>     >     But what I said that if u want to style only an input field or a
>     >     submit or a button or whatever then its unnecessary to use js.
>     >
>     >
>     >
>     >     2008/9/8 andrew23 <[EMAIL PROTECTED]
>     <mailto:[EMAIL PROTECTED]> <mailto:[EMAIL PROTECTED]
>     <mailto:[EMAIL PROTECTED]>>>
>     >
>     >
>     >         On Aug 29, 4:17 am, "Balázs Buri" <[EMAIL PROTECTED]
>     <mailto:[EMAIL PROTECTED]>
>     >         <mailto:[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>>>
>     wrote:
>     >         > for dropdowns, checkboxes JS is a need because for that
>     >         > you cant use css in every browser.
>     >
>     >         Huh?
>     >
>     >         Please name one browser that does not support CSS
>     >
>     >
>     >
>     >
>     >
>     >
>     >
>     >
>     > >
>
>
>
>
> >
>
> ------------------------------------------------------------------------
>

--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS" 
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---

Reply via email to