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
감사합니다. 그런데 hover는 누르고 있을때 색상이 변하는건데...
클릭한 적이 있는 즉 visited의 경우 다른 색상으로 주려고 하는 것입니다.
이때는 어떻게 해야 하는지요,,,
a.urlbtn:visited { }
a.urlbtn:active { }
위 예제와 같이 사용할 수 있습니다.
visited 는 방문한 링크, active 는 클릭한 링크 입니다~
감사합니다. 그런데 내 버튼은 안되네요,ㅜㅜ
답변을 작성하시기 전에 로그인 해주세요.
