button 에 링크거는 방법

반응형 부트스트랩 페이지를 수정할때 알게된 것입니다. 버튼에 마우스오버에 효과가 있었는데 이곳에 링크를 추가 하려고 버튼안 텍스트에 <a href…>text</a>이렇게 넣어 줬더니..ㅠㅠ 버튼 텍스트 css가 망가져서 이상한 색으로 변해 버리네요.

그래서 구글링해서 얻은 해법은 바로 버튼에 링크를 줄땐 onclick 을 사용하는 것입니다. 아래와 같이 링크를 걸어 주면 css 영향받지 않고 이쁘게 노출되는 것을 확인 했습니다.

첨엔, ㅋㅋ <a href=’#’>See more….</a> 이런식으로 넣었어요. 그랬더니 날리도 아니더군요. ㅠㅠ

(button type="button" class="btn btn-lg btn-block btn-primary" onclick="location.href='https://giftjoa.biz/new/thema/thema.php?tid=TM001'")See more ...(/button)

지금까지 코딩 걸음마인 제가 하면서 배운 것을 기록형으로 포스팅 했습니다. 나중에 써먹기 위해서 ^^

그래서 쫌 아는 분들은 ㅋㅋ 유머게시판이라고 생각하고 스윽~ 보고 가세요. 가면서 시간되면 팁을 하나 투척하고 가도 됩니다.