Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-28 01:44:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source 
IE 8, IE 9, Blackberry 6. Sooo... that covers it. Fixes #1216
This commit is contained in:
scottjehl 2011-03-14 18:44:31 -04:00
parent 84ac4ebbb2
commit dedb54d15f
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -6,7 +6,7 @@
.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 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 { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0; -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; }
@ -32,4 +32,4 @@ label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margi
.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; }
.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }