Adjust ui-focus to improve the focus style for grouped buttons

jquery-archive · Jun 21, 2012 · b8e05fe · b8e05fe
1 parent 4f44fe3
commit b8e05fe
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/css/themes/default/jquery.mobile.theme.css b/css/themes/default/jquery.mobile.theme.css
@@ -1161,11 +1161,15 @@ a.ui-link-inherit {
 	outline: 0;
 }
 
+.ui-btn.ui-focus {
+	z-index: 1;
+}
+
 .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}*/;
+	-moz-box-shadow: inset 0px 0px 3px 		#387bbe /*{global-active-background-color}*/, 0px 0px 9px 		#387bbe /*{global-active-background-color}*/;
+	-webkit-box-shadow: inset 0px 0px 3px 	#387bbe /*{global-active-background-color}*/, 0px 0px 9px 		#387bbe /*{global-active-background-color}*/;
+	box-shadow: inset 0px 0px 3px 			#387bbe /*{global-active-background-color}*/, 0px 0px 9px 		#387bbe /*{global-active-background-color}*/;
 }
 
 /* unset box shadow in browsers that don't do it right