Finished style attributes.

IPython/html/static/widgets/js/widget_int.js

@@ -122,8 +122,7 b' define(['
                         .removeClass('widget-hslider')
                         .addClass('widget-vslider');
                     this.$el
-                        .removeClass('widget-hbox-single')
-                        .addClass('widget-vbox-single');
+                        .removeClass('widget-hbox-single');
                     this.$label
                         .removeClass('widget-hlabel')
                         .addClass('widget-vlabel');
@@ -136,7 +135,6 b' define(['
                         .removeClass('widget-vslider')
                         .addClass('widget-hslider');
                     this.$el
-                        .removeClass('widget-vbox-single')
                         .addClass('widget-hbox-single');
                     this.$label
                         .removeClass('widget-vlabel')

IPython/html/static/widgets/js/widget_selection.js

@@ -102,20 +102,16 b' define(['
                 this.$droplabel.css(name, value);
                 this.$dropbutton.css(name, value);
                 this.$droplist.css(name, value);
-            } if (name.substring(0, 4) == 'font') {
-                this.$droplabel.css(name, value);
-                this.$droplist.css(name, value);
             } else if (name == 'width') {
-                this.$buttongroup.width(value);
                 var width = value - this.$dropbutton.width();
                 this.$droplist.css(name, width);
                 this.$droplabel.css(name, width);
             } else if (name == 'height') {
-                this.$droplist.css(name, value);
+                this.$droplabel.css(name, value);
                 this.$dropbutton.css(name, value);
             } else {
-                this.$droplabel.css(name, value);
                 this.$droplist.css(name, value);
+                this.$droplabel.css(name, value);
             }
         },
 
@@ -209,6 +205,11 b' define(['
             return RadioButtonsView.__super__.update.apply(this);
         },
 
+        update_attr: function(name, value) {
+            // Set a css attr of the widget view.
+            this.$container.css(name, value);
+        },
+
         handle_click: function (e) {
             // Handle when a value is clicked.
             
@@ -221,7 +222,12 b' define(['
     
 
     var ToggleButtonsView = widget.DOMWidgetView.extend({
-        render : function(){
+        initialize: function() {
+            this._css_state = {};
+            ToggleButtonsView.__super__.initialize.apply(this, arguments);
+        },
+
+        render: function() {
             // Called when view is rendered.
             this.$el
                 .addClass('widget-hbox-single');
@@ -263,6 +269,7 b' define(['
                             .appendTo(that.$buttongroup)
                             .attr('data-value', item)
                             .on('click', $.proxy(that.handle_click, that));
+                        that._update_button_style($item_element);
                     }
                     if (that.model.get('value_name') == item) {
                         $item_element.addClass('active');
@@ -300,6 +307,26 b' define(['
             return ToggleButtonsView.__super__.update.apply(this);
         },
 
+        update_attr: function(name, value) {
+            // Set a css attr of the widget view.
+            this._css_state[name] = value;
+            this._update_button_style();
+        },
+
+        _update_button_style: function(button) {
+            for (var name in this._css_state) {
+                if (this._css_state.hasOwnProperty(name) && name != 'width') {
+                    if (button) {
+                        button.css(name, this._css_state[name]);
+                    } else {
+                        this.$buttongroup.find('button').each(function(i, obj) {
+                            $(obj).css(name, this._css_state[name]);
+                        });
+                    }   
+                }
+            }
+        },
+
         handle_click: function (e) {
             // Handle when a value is clicked.
             
@@ -382,6 +409,11 b' define(['
             return SelectView.__super__.update.apply(this);
         },
 
+        update_attr: function(name, value) {
+            // Set a css attr of the widget view.
+            this.$listbox.css(name, value);
+        },
+
         handle_click: function (e) {
             // Handle when a value is clicked.
             

IPython/html/static/widgets/js/widget_selectioncontainer.js

@@ -152,6 +152,11 b' define(['
             }, this);
         },
 
+        update_attr: function(name, value) {
+            // Set a css attr of the widget view.
+            this.$tabs.css(name, value);
+        },
+
         update_children: function(old_list, new_list) {
             // Called when the children list is modified.
             this.do_diff(old_list, 

IPython/html/static/widgets/js/widget_string.js

@@ -107,6 +107,11 b' define(['
             }
             return TextareaView.__super__.update.apply(this);
         },
+
+        update_attr: function(name, value) {
+            // Set a css attr of the widget view.
+            this.$textbox.css(name, value);
+        },
         
         events: {
             // Dictionary of events and their handlers.
@@ -178,6 +183,11 b' define(['
             }
             return TextView.__super__.update.apply(this);
         },
+
+        update_attr: function(name, value) {
+            // Set a css attr of the widget view.
+            this.$textbox.css(name, value);
+        },
         
         events: {
             // Dictionary of events and their handlers.

IPython/html/static/widgets/less/widgets.less

@@ -211,6 +211,10 b''
     min-width : 125px;
 }
 
+.widget_item .dropdown-menu li a {
+    color: inherit;
+}
+
 .widget-box {
     /* The following section sets the style for the invisible div that
     hold widgets and their accompanying labels.
@@ -238,7 +242,6 b''
 .widget-hbox-single {
     /* Single line horizontal widgets */
     .widget-hbox();
-    height : 30px;
 
     input[type="checkbox"] {
         margin-top: 9px;
@@ -251,12 +254,6 b''
     .vbox();
 }
 
-.widget-vbox-single {
-    /* For vertical slides */ 
-    .widget-vbox();
-    width : 30px;
-}
-
 .widget-modal {
     /* Box - ModalView */   
     overflow    : hidden; 
@@ -296,4 +293,4 b''
     top: 0px !important; 
     left: 0px !important; 
     margin-left: 0px !important;
-}
  No newline at end of file
+}