Created
August 4, 2014 12:05
-
-
Save denyskoch/dfeb04960f713e6cb22a to your computer and use it in GitHub Desktop.
Fix for not useable custom form selects on mobile/touch devices in Foundation 4. With this fix, the user has the native UI/UX for selects.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .touch form.custom select.hidden-field { | |
| height: $custom-select-height; | |
| margin-left: 0; | |
| visibility: visible; | |
| z-index: 20; | |
| background: #fff; | |
| padding: 0; | |
| border: 0; | |
| opacity: 0; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hey. This is a great way to let the native select widget handling show through on touch devices, but did you figure out how to change the displayed value based on the option selected in the select element?