크롬에서 백그라운드 이미지 위 아이콘이 보입니다
본문
태그
<input type="image" id="pp_ol_submit" class="btn_login" value="로그인" />
씨에스에스
#pp_ol_submit {display:inline-block;margin-top:-26px}
.btn_login {width:53px;height:47px;background:url('img/sprites_connect.png') no-repeat;cursor:pointer;text-indent:-9999px}
익스플로러에선 몰랐는데 크롬으로 보니
위 사진처럼 좌측 위에 크롬 이미지 아이콘이 생깁니다.
원래는 태그 중 value 값에 들어있는 "로그인"이라는 단어도 보였는데
임시방편으로 CSS로 text-indent:-9999px 주어서 가렸습니다.
도와주세요.
답변 1
<input type="image" id="pp_ol_submit" class="btn_login" value="로그인" src="img/sprites_connect.png" />
또는
<input type="button" id="pp_ol_submit" class="btn_login" value="로그인" />
<input type="submit" id="pp_ol_submit" class="btn_login" value="로그인" />
답변을 작성하시기 전에 로그인 해주세요.