input 버튼
본문
<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
위에 답변들은 a태그안에서 먹히는 css 입니다.
버튼을 눌렀을때 색을 바꾸는 경우에는 toggle 이나 click 스크립트를 이용하는게 좋아보이네요.
jquery 가 달려있다는 전제하에
<script>
$(".urlbtn").click(function(){
$(this).css("background","변경할 색값");
})
</script>
.urlbtn:hover
a.urlbtn:visited { }
a.urlbtn:active { }
위 예제와 같이 사용할 수 있습니다.
visited 는 방문한 링크, active 는 클릭한 링크 입니다~
답변을 작성하시기 전에 로그인 해주세요.