mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-17 06:20:26 +00:00
cc0d982c5e
also fixed a CSS specificity bug where the display:block declaration on .ui-li was overriding the display:none declaration for the placeholder class.
31 lines
1.6 KiB
CSS
31 lines
1.6 KiB
CSS
/*
|
|
* jQuery Mobile Framework
|
|
* Copyright (c) jQuery Project
|
|
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
|
|
*/
|
|
.ui-select { display: block; }
|
|
.ui-select select { position: absolute; left: -99999px; }
|
|
.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: inline-block; min-height: 1em; }
|
|
.ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden; width: 85% }
|
|
|
|
.ui-selectmenu { position: absolute; padding: 0; z-index: 100 !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: -999999px; left: -99999px; }
|
|
.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; }
|
|
|
|
.min-width-480px label.ui-select { display: inline-block; width: 20%; margin: 0 2% 0 0; }
|
|
.min-width-480px .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; }
|