解決Chrome/Firefox中的填充問題

Question

我已經設法在IE（煩人）中正常工作，但是我設法解決的解決方案在Chrome和Firefox中引起了一些奇怪的問題。我似乎無法得到一個設置的高度/填充適用於所有瀏覽器的句柄。

http://plnkr.co/edit/xqYBnz5BHLP844kXJXKs?p=preview

的紅色，綠色和灰色框的高度都應該是相同的。現在他們在IE中，但不在Chrome/Firefox中。

Answer 1

該問題是由於紅色/綠色框與灰色相比屬性之間的若干不一致而引起的。

我已經能夠通過更改下面的屬性，以使其灰色框的高度相同：

.stSlide > .stHandle { /* Gray box container */ 
    padding: 4px 1px; /* old style: padding: 1px 1px 3px 0; */ 
    font-size: 11px; /* old style: font-size: 12px; */ 
    line-height: 18px; /* old style: line-height: 22px; */ 
}