diff --git a/docs/forms/selects/index.html b/docs/forms/selects/index.html index 7ae82e53..894bd61a 100644 --- a/docs/forms/selects/index.html +++ b/docs/forms/selects/index.html @@ -583,18 +583,85 @@ $.mobile.selectmenu.prototype.options.hidePlaceholderMenuItems = false; -

Styling with data attributes

+

Theming selects

You can specify any jQuery Mobile button data- attribute on a select element, too. In this example, we're setting the theme, icon and inline properties:

-
- +

The data-overlay-theme attribute can be added a select element to set the color of the overlay layer that the dialog-based custom select menus and the outer border of the smaller custom menus. By default, the content block colors for swatch A will be used for the overlays.

+ +
+ + +
+ +
+ + +
+

Calling the select menu plugin

The select menu plugin will auto initialize on any page that contains a select menu, no need for a data-role attribute in the markup. However, you can directly call the select menu plugin on any selector, just like any normal jQuery plugin: