Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-05-02 11:54:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed up the dimensions and opacity for nativeMenu selects so they work in Windows Phone and IE

Browse source
This commit is contained in:
scottjehl 2011-03-13 13:59:52 -04:00
parent 4c42be503d
commit 4596769b5e
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
themes/default/jquery.mobile.forms.select.css
View file

@ -5,7 +5,8 @@
*/
.ui-select { display: block; position: relative; }
.ui-select select { position: absolute; left: -9999px; top: -9999px; }
.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0.001; }
.ui-select .ui-btn { overflow: hidden; }
.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0.001; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; }
.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
@ -16,7 +17,7 @@ label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margi
/*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-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden; display: block;}
.ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; }
.ui-selectmenu .ui-listview { margin: 0; }