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; */ 
}