Textinput: fixed the width of text input element with clear button.

jquery-archive · Nov 20, 2012 · d4d7b04 · d4d7b04
1 parent 9db3cb7
commit d4d7b04
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/css/structure/jquery.mobile.forms.textinput.css b/css/structure/jquery.mobile.forms.textinput.css
@@ -14,8 +14,7 @@ textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear;
 .ui-mini .ui-input-clear { right: -3px; }
 
 .ui-input-text { padding: 0; }
-.ui-input-text input.ui-input-text, .ui-input-text textarea.ui-input-text { width: 100%; padding: .4em; }
-
+.ui-input-text input.ui-input-text, .ui-input-text textarea.ui-input-text { padding: .4em; }
 
 .ui-input-search .ui-input-clear-hidden, .ui-input-text .ui-input-clear-hidden { display: none; }
 input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
@@ -36,5 +35,6 @@ input[type=number]::-webkit-outer-spin-button { margin: 0; }
 	.ui-hide-label input.ui-input-text,
 	.ui-hide-label textarea.ui-input-text,
 	.ui-hide-label .ui-input-search, .ui-hide-label .ui-input-text { width: 100%; }
-	.ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
+	.ui-input-search input.ui-input-text,
+	div.ui-input-text input.ui-input-text { width: 98%; /*echos rule from above*/ }
 }