button태그 클릭시 눌리는 효과 없애는법?? (해결!! + 질문추가!!)

저번부터 계속 글올리는데 방법이 없는지 댓글이 안달리네요 ㅠ_ㅠ;

button태그 클릭시 ie8등에서는 사용자환경으로 눌리는 효과를 제공해주는데
클라이언트는 이미지가 움찔거리는걸로 보여서 싫다네요~ 페이지 수량이 꽤많아서 태그를 다 바꾸어 줄수는없고,

스크립트나 css로 수정하는 방법이 있을까요?http://ouheung.cafe24.com/test/button.html
이렇게 마크업되있고, 여기에 border:0; 주고 이미지를 bg로 넣은 버튼들인데 눌러보시면 움푹 들어갔다 나오잖아요~ 이거 없애고 싶은거예요~!

================ 모두 답변 감사드립니다!
onfocus=this.blur(); 하면 효과가 없어지네요!

좀더 욕심이 생겨서 알아보는건데요,

지금은 클릭시 점선이 없어지잖아요,

onfocus=this.blur(); 를 주면서 클릭시 점선은 생기되,
움찔거리는효과는 없애는 방법은 없을까요?
스크립트로 focus 되었을경우를 조절하면 될것같기도 하구요..
onfocus=this.blur(); 는 표준이나 접근성에 문제가 있다고 알고 있는데 그런가요?

댓글 9

  • 싸리 2025.11.13

    포커스 잃게 하는 블러는 접근성에 금기입니다. 금지죠. 다른 방법을 알아보셔야 할 겁니다.

  • 그림자 2025.11.13

    그럼 대안이 있을까요~? css로 컨트롤 할수 있다면 좋겟지만 ㅠㅠ

  • 뭘봐요 2025.11.13

    포커스에 강제 블러시키면 당연히 포커스를 잃으니 접근성에 크나큰 치명타죠.

  • 지율 2025.11.13

    보시면 head에 :active 준부분이 있어요 ㅠㅠ

  • 서희 2025.11.13

    active를 주어야 기본적 효과를 안받을텐데 active 선언된 곳은 없네요...

  • 핫체리 2025.11.13

    이미지라면 이미지대로 나오라고하면 될꺼같은데

  • 허우룩 2025.11.13

    :active 상태일때 border:0; margin:0; 줘도 움찔거리면서 움푹들어가는데 어떤걸 줘야할까요 검색은 열심히 했는데 못찾앗어요 ㅠ_ㅠ;

  • 다인 2025.11.13

    눌릴때 효과를 찾아서 활성시 제거시키면 될겁니다. 눌릴때 어떤 효과는 찾아보시면 같은 고민을 한 사람이 나올겁니다~

  • 검사 2025.11.13

    어떤식으로 효과를 주셨는지를 알아야 답변이 달릴 것 같습니다.

프로그램 개발일반 다른 글

목록