From 79fcf3ca97ffcf9713de27ed97261bd2e3cf7b40 Mon Sep 17 00:00:00 2001 From: Jasper de Groot Date: Fri, 8 Jun 2012 20:16:06 +0200 Subject: [PATCH] Negate box-sizing border-box for slider input. --- css/structure/jquery.mobile.forms.slider.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/css/structure/jquery.mobile.forms.slider.css b/css/structure/jquery.mobile.forms.slider.css index 80035db3868..5887c85dd29 100644 --- a/css/structure/jquery.mobile.forms.slider.css +++ b/css/structure/jquery.mobile.forms.slider.css @@ -1,6 +1,9 @@ label.ui-slider { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } input.ui-slider-input, -.ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; } +.ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; background-image: none; padding: .4em; margin: .5em 0; line-height: 1.4; font-size: 16px; outline: 0; } +.ui-field-contain input.ui-slider-input { margin: 0; } +/* To do: Exclude ui-slider-input from textinput widget initSelector. The class ui-input-text is added to the slider input and label. When this is fixed, the rule below can be deleted. */ +input.ui-slider-input, .ui-field-contain input.ui-slider-input { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } select.ui-slider-switch { display: none; } div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; } div.ui-slider-mini { height: 12px; margin-left: 10px; }