버튼 텍스트가 IE7 내 오버플로를 사용하여 사라집니다.

Question

Internet Explorer에서 단추 이름이 클 때 단추 내에서 왼쪽과 오른쪽으로 불필요한 패딩이 발생합니다. 이 결과, 알려진 해결책은 "width : auto"와 "overflow : visible"을 버튼 스타일에 추가하는 것입니다.하지만 그렇게하면 사용자가 페이지를 아래로 스크롤 한 다음 뒤로 스크롤 할 때 실수로 버튼의 텍스트가 사라집니다 쪽으로.

포함 된 스타일을 사용하고 싶기 때문에 안쪽 여백이 제거되지 않지만 중요한 것은 사라지는 단추 텍스트로 문제를 해결하는 것입니다. 그것은 정말로 이상한 것입니다! 당신이 무슨 일이 일어나고 코드를 테스트하는

나는이 DEMO 페이지를 만들었습니다 http://jsbin.com/uhuze3

참고 :이 문제를보고 IE7을해야합니다, 그것은이없는 사람들을 위해 이렇게, 이 비디오를 만들어 문제를 볼 수 있습니다. http://screencast.com/t/MTg0NzY2Zj

Answer 1

이 문제를 해결하고 코드를 약간 개선 할 수있었습니다.

당신은 여기에 코드를 볼 수 있습니다 : "높이"및 "라인 - 높이"의 combinaison 것 같다 : Johnny5에 의해 http://jsbin.com/uhuze3

편집 :이 이전 코드이었다 http://jsbin.com/uhuze3/4

을 버그 수정.