테스트 사이트 - 개발 중인 베타 버전입니다

크롬에서 백그라운드 이미지 위 아이콘이 보입니다 채택완료

추팔소 7년 전 조회 3,721

태그

<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개

채택된 답변
+20 포인트
m
7년 전

<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="로그인"  />

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인