diff options
| author | Alexander Schmitz <arschmitz@gmail.com> | 2014-07-23 22:11:03 -0400 |
|---|---|---|
| committer | Alexander Schmitz <arschmitz@gmail.com> | 2015-10-07 10:57:59 -0400 |
| commit | 6e2bbcaa5e19bb933d8024ff5d6fcff34f91e034 (patch) | |
| tree | 443598462533ecd6b30d658a0a2032479b77d68c | |
| parent | 25d0c857188c19347c869f803530289762199f92 (diff) | |
| download | jquery-ui-6e2bbcaa5e19bb933d8024ff5d6fcff34f91e034.tar.gz jquery-ui-6e2bbcaa5e19bb933d8024ff5d6fcff34f91e034.zip | |
Theme: Add visual focus outline for checkbox and radio buttons
This adds a focus outline matching that roughly from chrome osx
| -rw-r--r-- | themes/base/theme.css | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/themes/base/theme.css b/themes/base/theme.css index 7553d4c58..0722cf754 100644 --- a/themes/base/theme.css +++ b/themes/base/theme.css @@ -55,6 +55,9 @@ .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, + +/* We use html here because we need a greater specificity to make sure disabled +works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5/*{borderColorDefault}*/; @@ -98,6 +101,11 @@ a.ui-button:focus { color: #2b2b2b/*{fcHover}*/; text-decoration: none; } + +/* This cant be configured with themeroller because its new may end up added later */ +.ui-visual-focus { + box-shadow: 0 0 3px 1px rgb(94, 158, 214); +} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, @@ -196,7 +204,8 @@ a.ui-button:active, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, -.ui-button:focus .ui-icon { +.ui-button:focus .ui-icon, +.ui-state-default .ui-icon { background-image: url("images/ui-icons_555555_256x240.png")/*{iconsHover}*/; } .ui-state-active .ui-icon, |