jquery-mobile/css/structure/jquery.mobile.forms.select.css

.ui-select { display: block; position: relative; }
.ui-select select { position: absolute; left: -9999px; top: -9999px; }
.ui-select .ui-btn { overflow: hidden; }


.ui-select .ui-btn { opacity: 1; }

/* Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%;  min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; }

.ui-select .ui-disabled { opacity: .3; }

@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }

.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } 
.ui-select .ui-btn-icon-right .ui-icon { right: 15px;  }

/* labels */
label.ui-select { font-size: 16px; line-height: 1.4;  font-weight: normal; margin: 0 0 .3em; display: block; }

/*listbox*/
.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden; }
.ui-select .ui-btn-text { text-overflow: ellipsis; }

.ui-selectmenu { position: absolute; padding: 0; z-index: 1100 !important; width: 80%; max-width: 350px; padding: 6px; }
.ui-selectmenu .ui-listview { margin: 0; }
.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
.ui-selectmenu-hidden { top: -9999px; left: -9999px; }
.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 99; }
.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
.ui-selectmenu-list .ui-li .ui-icon { display: block; }
.ui-li.ui-selectmenu-placeholder { display: none; }
.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }

@media all and (min-width: 450px){	
	.ui-field-contain label.ui-select { vertical-align: top;  display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
	.ui-field-contain .ui-select { width: 60%; display: inline-block; }
}	

/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
added option for useNativeMenu. Should be updated so, when set, the custom menu markup is never created. 2011-01-14 18:02:24 +00:00			`.ui-select { display: block; position: relative; }`
fix extra-wide pages in opera & opera mini 2011-01-12 23:00:53 +00:00			`.ui-select select { position: absolute; left: -9999px; top: -9999px; }`
fixed up the dimensions and opacity for nativeMenu selects so they work in Windows Phone and IE 2011-03-13 17:59:52 +00:00			`.ui-select .ui-btn { overflow: hidden; }`
Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. 2011-11-09 23:25:06 +00:00

			`.ui-select .ui-btn { opacity: 1; }`
Fixes #3026 — Regression introduced by 01c77fa. 2011-11-16 20:23:30 +00:00
Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. 2011-11-09 23:25:06 +00:00			`/* Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */`
Fixes issue where clicking the edges of a custom select wouldn’t trigger the native select list, as well as an issue where the native select list was showing then immediately hiding in IE7. 2011-09-27 18:21:34 +00:00			`.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; }`
Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. 2011-11-09 23:25:06 +00:00
Fixes #3026 — Regression introduced by 01c77fa. 2011-11-16 20:23:30 +00:00			`.ui-select .ui-disabled { opacity: .3; }`
Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. 2011-11-09 23:25:06 +00:00
changed the opacity/native select hiding so that it works in some variants of android 2.2. Fixes #1051 2011-06-13 22:05:50 +00:00			`@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}`
Changed the hiding mechanism for invisible native selects so that they work in Firefox Mobile. Fixes #1626. Tested on the following platforms: Mobile Firefox on Android 2.2, Firefox 3.6 and 4.x Mac, Chrome on Mac, Internet Explorer 7 and 8 - Desktop, Windows Phone 7, Safari desktop, Android 2.2 webkit, iOS 4 iPhone, BlackBerry 5, BlackBerry 6, iOS 4 on iPad, Opera Mini & Desktop on Mac 2011-05-24 23:32:53 +00:00			`.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }`
added option for useNativeMenu. Should be updated so, when set, the custom menu markup is never created. 2011-01-14 18:02:24 +00:00
Created a themes directory and moved all CSS and images there. Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet. Modified all HTML files to point to /themes/default for their theme. 2010-10-13 16:45:10 +00:00			`.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }`
			`.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }`

			`/* labels */`
			`label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }`

			`/listbox/`
Fixes #2647 — Ensures overflow: hidden is applied to .ui-btn-text inside selects inside of listviews. 2011-10-11 19:53:43 +00:00			`.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden; }`
			`.ui-select .ui-btn-text { text-overflow: ellipsis; }`
make sure empty options are displayed with expected height. Fixes #572 2010-12-03 15:41:55 +00:00
Update to set the z-index of custom select menus to stack on top of fixed toolbars. Fixes #2799. 2011-10-26 16:16:40 +00:00			`.ui-selectmenu { position: absolute; padding: 0; z-index: 1100 !important; width: 80%; max-width: 350px; padding: 6px; }`
make sure empty options are displayed with expected height. Fixes #572 2010-12-03 15:41:55 +00:00			`.ui-selectmenu .ui-listview { margin: 0; }`
adding optgroup support. Fixes #567 2010-12-03 15:57:21 +00:00			`.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }`
fix extra-wide pages in opera & opera mini 2011-01-12 23:00:53 +00:00			`.ui-selectmenu-hidden { top: -9999px; left: -9999px; }`
cleaned up css styles - ui-selectmenu instead of ui-listview 2010-11-20 00:15:48 +00:00			`.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }`
			`.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }`
multiple select functionality 2010-12-07 20:45:20 +00:00			`.ui-selectmenu-list .ui-li .ui-icon { display: block; }`
documentation for multiple select functionality and list icon theming. also fixed a CSS specificity bug where the display:block declaration on .ui-li was overriding the display:none declaration for the placeholder class. 2010-12-22 23:11:01 +00:00			`.ui-li.ui-selectmenu-placeholder { display: none; }`
less padding on select menu titles. Credit goes to oiva (Oiva Eskola). Thanks! 2011-03-15 23:04:58 +00:00			`.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }`
Created a themes directory and moved all CSS and images there. Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet. Modified all HTML files to point to /themes/default for their theme. 2010-10-13 16:45:10 +00:00
Hopefully, this finally fixes #518 — Custom selects now behave as expected within vertical/horizontal controlgroups. Docs have been updated accordingly. 2011-10-18 16:12:19 +00:00			`@media all and (min-width: 450px){`
Form elements now span entire container width and behave as display: block, outside of field containers. 2011-10-14 16:19:11 +00:00			`.ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }`
			`.ui-field-contain .ui-select { width: 60%; display: inline-block; }`
Moved our own widget css layout toggles over to using standard media queries, rather than the classes we apply to the HTML element to simulate media queries. 2011-05-11 16:00:44 +00:00			`}`
multiple select functionality 2010-12-07 20:45:20 +00:00
			`/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */`
set native select with custom button to opacity 0 instead of 0.0001. Note: I thought it was 0.0001 for a reason, but this checks out fine in WP7, WebOS, Android,iOS, Chrome, Safari, Firefox 4, Firefox 3.6, Opera Desktop & Mobile, IE 7 IE 8, IE 9, Blackberry 6. Sooo... that covers it. Fixes #1216 2011-03-14 22:44:31 +00:00			`.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }`