Skip to content
This repository
Browse code

Select: This makes sure that a disabled select button gets a disabled…

… look on IE/WP.
  • Loading branch information...
commit 7668b2d5b1ed70dd2583e246983454d1b486c7c6 1 parent f7993b5
Jasper de Groot authored July 07, 2012
4  css/structure/jquery.mobile.forms.select.css
@@ -6,10 +6,12 @@
6 6
 .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: none; 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; }
7 7
 
8 8
 .ui-select .ui-disabled { opacity: .3; }
  9
+/* Display none because of issues with IE/WP's filter alpha opacity */
  10
+.ui-select .ui-disabled select { display: none; }
9 11
 
10 12
 @-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
11 13
 .ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; }
12  
-.ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; }
  14
+.ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }
13 15
 
14 16
 .ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; }
15 17
 .ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; }

1 note on commit 7668b2d

Jasper de Groot
Owner

cherry-pick 1.1.2.

Please sign in to comment.
Something went wrong with that request. Please try again.