From 62457f927a89e0c04dc8643aa8ebc5b8d1ce84bb Mon Sep 17 00:00:00 2001 From: Jonah Schulte Date: Tue, 16 Oct 2012 14:06:43 -0400 Subject: [PATCH] inputs: add margin 0 for webkit-inner-spin-button/webkit-outer-spin-button to resolve android 4.1 width issue for type=number fields. Fixes #5131 --- css/structure/jquery.mobile.forms.textinput.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/css/structure/jquery.mobile.forms.textinput.css b/css/structure/jquery.mobile.forms.textinput.css index 88ebd3701e5..877bbf0e3d7 100644 --- a/css/structure/jquery.mobile.forms.textinput.css +++ b/css/structure/jquery.mobile.forms.textinput.css @@ -20,6 +20,9 @@ textarea.ui-mini { height: 45px; } /* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */ input:-moz-placeholder { color: #aaa; } +/* Resolves issue #5131: Width of textinput depends on its type, for Android 4.1 */ +input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } + @media all and (min-width: 450px){ .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 } .ui-field-contain input.ui-input-text,