No visual indication of focus on checkbox for "Open link in new window/tab" in "Insert/edit link" dialog

[seanchayes]

Referring to ticket #25934
and
​http://core.trac.wordpress.org/ticket/25934#comment:6
​http://core.trac.wordpress.org/ticket/25934#comment:11

Following these steps:

• Edit a post
• Select text
• Click Insert/Edit link button to create a link (or press alt+shift+a)
• Press Tab twice to focus the "Open link in a new window/tab" checkbox

There is no visual cue that the focus is on the checkbox.

Suggest a CSS based patch to provide the visual cue.

[seanchayes]

Images to support this ticket:

Chrome on Windows

Firefox on Windows

[SergeyBiryukov]

Tested in Firefox 25, Chrome 31, IE 8, IE 10, Opera 12, Opera 18.

Reproduced in Chrome, IE (both 8 and 10), and Opera 18. Could not reproduce in Firefox or Opera 12.

Can be reproduced with any checkbox (e.g. "Remember Me" on the login screen), not just that one.

Caused by outline: 0 for input[type="checkbox"], introduced in [26072]:
trunk/src/wp-admin/css/wp-admin.css?rev=26285#L267​

I guess we can just remove that rule: 26120.2.patch​.

[iammattthomas]

In 26289:

Cleanup on inputs:

• Remove the !important from checkbox and radio border color
• Remove the redundant #wpbody select rule
• Add checkbox and radio inputs to the standard :focus style rules for inputs
• Remove custom border and box shadow styles from .login inputs
• Don't remove the default outline from select elements since webkit doesn't allow borders on selects

Fixes #26120.