버튼css 채택완료

버튼을 눌렀을때 버튼색을 바꿀수 있는 방법이 있을까요??

있다면 도움 부탁드립니다

답변 3개

채택된 답변
+20 포인트

(click)="applyfilterActivite(LABEL); $event.target.classList.add('myClickedButton')"

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

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

클릭시 이벤트로 클래스를 붙이고, 클래스가 붙을시엔 css 우선순위로 버튼색을 수정해야 합니다.

간단한 예시입니다. 응용해보세요~

Copy
<script>

$(".button").click(function () { // 버튼의 클래스명
    $(this).toggleClass('on');  // 클릭시 .on 동작, 다시 클릭시 .on 해제
});

</script>

<style>

.button {background:red;}

.button.on {background:black;}

</style>
로그인 후 평가할 수 있습니다

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

눌럿을때요? 호버시켯을때가 아니구요?

hover면 

https://www.w3schools.com/cssref/sel_hover.asp 참고하시고

 

눌럿을때는 click 이벤트 사용하셔야죠~

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

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

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

로그인
🐛 버그신고