我已经设法让它在 IE 中正常工作(烦人),但我设法得到工作的解决方案在 Chrome 和 Firefox 中引起了一些奇怪的问题。我似乎无法获得适用于所有浏览器的手柄高度/填充。
http://plnkr.co/edit/xqYBnz5BHLP844kXJXKs?p=preview
红色、绿色和灰色框的高度应该都相同。现在它们在 IE 中,但不在 Chrome/Firefox 中。
我已经设法让它在 IE 中正常工作(烦人),但我设法得到工作的解决方案在 Chrome 和 Firefox 中引起了一些奇怪的问题。我似乎无法获得适用于所有浏览器的手柄高度/填充。
http://plnkr.co/edit/xqYBnz5BHLP844kXJXKs?p=preview
红色、绿色和灰色框的高度应该都相同。现在它们在 IE 中,但不在 Chrome/Firefox 中。
问题是由于红色/绿色框与灰色框的属性之间的一些不一致而引起的。
通过更改以下属性,我已经能够使灰色框具有相同的高度:
.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; */
}