diff --git a/css/themes/default/jquery.mobile.theme.css b/css/themes/default/jquery.mobile.theme.css index 1519fb74..e4adb8ba 100644 --- a/css/themes/default/jquery.mobile.theme.css +++ b/css/themes/default/jquery.mobile.theme.css @@ -1128,7 +1128,12 @@ a.ui-link-inherit { /* Focus state - set here for specificity -----------------------------------------------------------------------------------------------------------*/ -.ui-focus { +.ui-btn:focus { + outline: 0; +} + +.ui-focus, +.ui-btn:focus { -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; @@ -1144,6 +1149,7 @@ a.ui-link-inherit { } /* ...and bring back focus */ -.ui-mobile-nosupport-boxshadow .ui-focus { +.ui-mobile-nosupport-boxshadow .ui-focus, +.ui-mobile-nosupport-boxshadow .ui-btn:focus { outline-width: 2px; } diff --git a/js/jquery.mobile.forms.slider.js b/js/jquery.mobile.forms.slider.js index f51881e9..9a720694 100644 --- a/js/jquery.mobile.forms.slider.js +++ b/js/jquery.mobile.forms.slider.js @@ -186,11 +186,11 @@ $.widget( "mobile.slider", $.mobile.widget, { // NOTE force focus on handle this.handle.bind({ focus: function() { - slider.addClass( $.mobile.focusClass ); + ( cType == 'select' ? slider : $( this ) ).addClass( $.mobile.focusClass ); }, blur: function() { - slider.removeClass( $.mobile.focusClass ); + ( cType == 'select' ? slider : $( this ) ).removeClass( $.mobile.focusClass ); }, vmousedown: function() {