2013-08-16 53 views
2

我們正在使用一個jQuery UI自動填充小部件,根據我們的需求進行定製,可以說它是這裏看到的組合框部件的擴展。 jquery combobox widgetJQuery UI - 組合框按鈕高度問題

將小部件應用於頁面上的三個選定元素,得到一個奇怪的問題,如下面的附件所示。

按鈕高度與輸入欄高度不一樣。

靶向與開發者控制檯按鈕獲取相同的樣式爲所有三個按鈕:(

任何幫助,將不勝感激:)

PS:而這個問題似乎隨意,有時第二元素,有時第三。

Third Combobox button height is not the same as others

編輯:這可能是與自定義CSS或jQuery庫CSS一個問題,因爲我是能夠通過添加

element.style{ 
      height:33px; 
    } 

到錨標籤,它的服務器來解決這個問題按鈕,但我不確定這是否正確。

編輯:的jsfiddle鏈接可以發現here

+0

只有圖像是不可能幫助你;嘗試在jsfiddle或其他地方做一個演示 –

+0

@IrvinDomininakaEdward添加jsFiddle ...但我估計可以在使用chrome的官方jquery UI組合框鏈接中看到它。 – semuzaboi

+0

適用於Mac的Safari瀏覽器可以正常工作,我正在檢查爲什麼 –

回答

0

你撥弄效果很好,如果你設置:

.custom-combobox-input { 
    margin: 0; 
    padding: 0.4em; 
} 

我認爲這是相關的哦如何WebKit的考慮十進制時間在這種情況下,但它必須是更深入地推動。

從jQuery UI的錯誤論壇:

組合框只是一個演示,它不是一個完全完整的部件。除非我們將組合框 作爲我們支持的官方插件提供,否則我們的 將不會保持我們演示的功能。

鏈接:http://bugs.jqueryui.com/ticket/6133

演示:http://jsfiddle.net/IrvinDominin/WU9v9/

+0

好吧,不幸的是,如問題中提到的,我已經通過像素狩獵修復它:)希望他們在不久的將來修復它。接受! – semuzaboi