2013-08-17 38 views
0

我使用時間選擇器爲我的輸入。jQuery UI時間選擇器造型奇

<input type="text" id="stime" name='etime' placeholder='hh:mm' readonly="true"/> 

的腳本:

$(function() { 
$('#stime').timepicker({hourMin: 8,hourMax: 10}); 
}); 

爲了這個,我正在使用

jQuery的1.10.1

jQuery的UI與平滑的jQuery UI的CSS

用javascript和css編寫的jquery-ui-timepicker-addon

問題是我的分鐘的滑塊是重疊在'分鐘'的'e'上。看了所有的CSS文件。但無法修復。請幫助。 (我已經根據我格式化。用默認一個還它分鐘滑塊相同。)

enter image description here

+2

很難說沒有看到更多的情況。 jsfiddle.net或jsbin.com上的演示將有所幫助。 –

+0

@ muistooshort嘗試過。但無法上傳JavaScript文件或CSS文件。並且該timepicker插件不提供CDN鏈接。 – RatDon

+0

@AmirHosseinMehrvarzi那是什麼以及如何獲得這些細節? – RatDon

回答

0

的字體大小爲「分鐘」被設定爲85%的相對值。看起來您的祖先元素應用的字體大小超出預期,並且文字會放大並滲入到滑塊中。要麼擺弄那個祖先的字體大小(身體的元素,也許?),要麼覆蓋標籤:

.ui_tpicker_minute_label{ font-size:65%; } 
+0

嘗試了很多次。不起作用。只是爲了確保我創建了另一個頁面,只有很多的HTML沒有任何其他CSS樣式,除了jQuery UI和timepicker插件。但是一樣。沒有利潤。 – RatDon

+0

你可以申請!對你的風格規則重要嗎? –

+0

我試着把'!important'。但沒有幫助。 – RatDon