Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Chrome & IE9 border focus #11

Closed
didacrios opened this issue Dec 30, 2011 · 1 comment
Closed

Chrome & IE9 border focus #11

didacrios opened this issue Dec 30, 2011 · 1 comment

Comments

@didacrios
Copy link

Hi i noticed that with IE9 and Chrome 16.0.912.63 when focus the "nicescrolled" area is aplied a border "yellow" ring

in chrome the useragent.css has

:focus { outline: auto 5px -webkit-focus-ring-color }

so it can be fixed using in our website stylesheet

:focus { outline: none }

Maybe in a new version can have this option to be configured or removed

Very nice script and have a happy new year!

@inuyaksa
Copy link
Owner

Hi Mitsurugi, happy New Year, too!

Outline/dotted border is a W3C specific for browser accessibility.

As your example, you can remove this "feature" with a CSS2 style setting, I write a rule affecting only DIV tags, maintaining focus behavior for all other elements. It works on major browsers.

div:focus {
outline: none;
ie-dummy: expression(this.hideFocus=true);
}

I found it on this post: http://social.msdn.microsoft.com/Forums/en-HK/ieextensiondevelopment/thread/1023adfd-bd73-47ac-ba9c-2bad19ac583a

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants