modify focus-visible style. Add button focus function

Author: sspickle

css/redmond/2.1/jquery-ui.custom.css

@@ -1231,4 +1231,6 @@ body .ui-tooltip {
 	height:1px;
 	position:absolute;
 	overflow:hidden;
-}
+}
+
+:focus-visible { outline: 3px solid rgb(0, 4, 255); }

lib/glow/primitives.js

@@ -3258,6 +3258,9 @@
 	        	attrs.background = value
 	            $(attrs.jbutton).css({backgroundColor:rgb_to_css(attrs.background)})
 	        },
+			focus: function() {
+				$(attrs.jbutton).focus()
+			},
 	        remove: function() {
 	        	attrs.disabled = true
 	            $(attrs.jbutton).attr('disabled', attrs.disabled)
@@ -3414,7 +3417,7 @@
 	function menu(args) {
 	    if (!(this instanceof menu)) return new menu(args)  // so menu() is like new menu()
 	    var cvs = canvas.get_selected()
-		var attrs = {pos:cvs.caption_anchor, aria_label:"", selected:null, disabled:false} 
+		var attrs = {pos:cvs.caption_anchor, aria_label:"", selected:null, disabled:false}
 		if (args.bind !== undefined) {
 			attrs.bind = args.bind
 			delete args.bind
@@ -3437,6 +3440,12 @@
 	    	if (cc === attrs.selected) s += '<option selected="selected">' + cc + '</option>\n'
 	    	else s += '<option>' + cc + '</option>\n'
 	    }
+		for (a in attrs) {
+	    	if (args[a] !== undefined) {
+	    		attrs[a] = args[a]
+	    		delete args[a]
+	    	}
+		}
 		attrs.disabled = booleanize(attrs.disabled)
 	    attrs.jmenu = $(`<select aria-label="${attrs.aria_label}">${s}</select>`).css("font-size","15px").change(function () {
 	    	attrs.bind(cmenu)