无法解决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; */
}