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

input 버튼 채택완료

머시기거시기 6년 전 조회 2,607

<input name="button" type="button" class="urlbtn" value="001">

001~015까지 이런식으로 되어 있는데요,,,

 

.urlbtn

  1. margin-left: 5px;
  2. color: #fff;
  3. cursor: pointer;

 

 

 

버튼을 누른 것은 색상이 역상으로 되게 한다는지 하고 싶은데 어떻게 해야 할까요?

방법좀 알려주십시오,

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

답변 3개

채택된 답변
+20 포인트

위에 답변들은 a태그안에서 먹히는 css 입니다. 

 

버튼을 눌렀을때 색을 바꾸는 경우에는 toggle 이나 click 스크립트를 이용하는게 좋아보이네요.

 

jquery 가 달려있다는 전제하에 

<script>

$(".urlbtn").click(function(){

      $(this).css("background","변경할 색값");

})
</script>

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

답변에 대한 댓글 1개

머시기거시기
6년 전
당신을 진정한 지식인으로 인정합니다!
감사합니다. 한방에 해결되었습니다.

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

a.urlbtn:visited {  }

a.urlbtn:active {  }

 

위 예제와 같이 사용할 수 있습니다.

visited 는 방문한 링크, active 는 클릭한 링크 입니다~

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

답변에 대한 댓글 1개

머시기거시기
6년 전
감사합니다. 그런데 내 버튼은 안되네요,ㅜㅜ

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

toqurk
6년 전

.urlbtn:hover

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

답변에 대한 댓글 1개

머시기거시기
6년 전
감사합니다. 그런데 hover는 누르고 있을때 색상이 변하는건데...
클릭한 적이 있는 즉 visited의 경우 다른 색상으로 주려고 하는 것입니다.
이때는 어떻게 해야 하는지요,,,

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

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

로그인