Skip to content
This repository
Browse code

inputs: add margin 0 for webkit-inner-spin-button/webkit-outer-spin-b…

…utton to resolve android 4.1 width issue for type=number fields. Fixes #5131
  • Loading branch information...
commit 62457f927a89e0c04dc8643aa8ebc5b8d1ce84bb 1 parent e1df63b
Jonah Schulte authored

Showing 1 changed file with 3 additions and 0 deletions. Show diff stats Hide diff stats

  1. +3 0  css/structure/jquery.mobile.forms.textinput.css
3  css/structure/jquery.mobile.forms.textinput.css
@@ -20,6 +20,9 @@ textarea.ui-mini { height: 45px; }
20 20 /* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
21 21 input:-moz-placeholder { color: #aaa; }
22 22
  23 +/* Resolves issue #5131: Width of textinput depends on its type, for Android 4.1 */
  24 +input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
  25 +
23 26 @media all and (min-width: 450px){
24 27 .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
25 28 .ui-field-contain input.ui-input-text,

0 comments on commit 62457f9

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