Disable Chrome focus outline in general?

[membersound]

Hi,

how can I disable the yellow/orange Chrome focus outline border in general on all objects, whatsoever they are?

I already have the outline: none !important; property on eg gwt button, input. But time and again I find components which suddently have again the outline. Can I disable this in general?

[Joe Attardi]

What is the CSS rule you're using? Are you using the :focus pseudo-class?

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-tool...@googlegroups.com.
To post to this group, send email to google-we...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

--
Joe Attardi
j...@attardi.net

[Kody]

No I'm just using eg:
.gwt-Button {
  outline: none !important;
}

But looking for a way to general prevent this in chrome.

2013/2/19 Joe Attardi <j...@attardi.net>

[Tony Rah]

In your apps css file just add the below 2 lines. It will scour the outline off of everything.

:focus {outline:none;}

::-moz-focus-inner {border:0;}