<input name="button" type="button" class="urlbtn" value="001">
001~015까지 이런식으로 되어 있는데요,,,
.urlbtn
- margin-left: 5px;
- padding: 1px 10px 2px;
- background: #7ebc16;
- border: 1px solid #808040;
- border-radius: 4px;
- color: #fff;
- cursor: pointer;
버튼을 누른 것은 색상이 역상으로 되게 한다는지 하고 싶은데 어떻게 해야 할까요?
방법좀 알려주십시오,
|
답변 3개 / 댓글 3개
채택된 답변
+20 포인트
2019-06-20 (목) 18:11:24
위에 답변들은 a태그안에서 먹히는 css 입니다.
버튼을 눌렀을때 색을 바꾸는 경우에는 toggle 이나 click 스크립트를 이용하는게 좋아보이네요.
jquery 가 달려있다는 전제하에
<script>
$(".urlbtn").click(function(){
$(this).css("background","변경할 색값");
})
</script>
답변에 대한 댓글 1개
머시기거시기
2019-06-20 (목) 20:18:29
2019-06-20 (목) 15:22:42
a.urlbtn:visited { }
a.urlbtn:active { }
위 예제와 같이 사용할 수 있습니다.
visited 는 방문한 링크, active 는 클릭한 링크 입니다~
답변에 대한 댓글 1개
.urlbtn:hover
답변에 대한 댓글 1개
머시기거시기
2019-06-20 (목) 14:10:10
감사합니다. 그런데 hover는 누르고 있을때 색상이 변하는건데...
클릭한 적이 있는 즉 visited의 경우 다른 색상으로 주려고 하는 것입니다.
이때는 어떻게 해야 하는지요,,,
클릭한 적이 있는 즉 visited의 경우 다른 색상으로 주려고 하는 것입니다.
이때는 어떻게 해야 하는지요,,,
답변을 작성하려면 로그인이 필요합니다.
감사합니다. 한방에 해결되었습니다.