불여우에 버그..
input type="button" or input type ="reset" or input type ="submit" 으로 만들어진 버튼들에
line-height를 조절 할 수 없다.
button 이랑 submit 녀석들을 a tag로 만들어진 button 과 함께 스타일 먹여서 사용하고 싶었는데..
파폭에서 이상하게 나와서 찾아보니 ..
역시나 불여우 버그.. ;;
http://www.cssnewbie.com/input-button-line-height-bug/
작년에 알려진 버그인데.. 불여우4에서 여전히 수정이 안되어 있네;;
해결 방안은..
1. 우선 padding으로 처리 한다.
2. button 과 a tag 버튼을 함께 나열 하지 않는다.
3. button이 다른 브라우저랑 사이즈가 살짝 작아도 그냥 견뎌야 함.
4. firefox만을 위해서.. css를 작성한다..
이상!! 사실 opera는 좀 더 멍청했다 ㅡ.ㅡ;
input type="button" or input type ="reset" or input type ="submit" 으로 만들어진 버튼들에
line-height를 조절 할 수 없다.
button 이랑 submit 녀석들을 a tag로 만들어진 button 과 함께 스타일 먹여서 사용하고 싶었는데..
파폭에서 이상하게 나와서 찾아보니 ..
역시나 불여우 버그.. ;;
http://www.cssnewbie.com/input-button-line-height-bug/
작년에 알려진 버그인데.. 불여우4에서 여전히 수정이 안되어 있네;;
해결 방안은..
1. 우선 padding으로 처리 한다.
2. button 과 a tag 버튼을 함께 나열 하지 않는다.
3. button이 다른 브라우저랑 사이즈가 살짝 작아도 그냥 견뎌야 함.
4. firefox만을 위해서.. css를 작성한다..
body.firefox input.sBtn{
padding:4px 10px !important;
line-height: normal !important;
}
body.firefox input.lBtn{
padding:5px 10px !important;
line-height: normal !important;
}
body.opera input.sBtn{
padding:5px 15px !important;
line-height: normal !important;
}
body.opera input.lBtn{
padding:6px 15px !important;
line-height: normal !important;
}
이상!! 사실 opera는 좀 더 멍청했다 ㅡ.ㅡ;
댓글을 달아 주세요