css 에서 active일때 색이 변경되는데
a요소를 누르면 색이 변경되고 다시누를때까지 유지시키려면 어떻게 해야하나요
ex
a:active {color #000;}
|
답변 3개
채택된 답변
+20 포인트
조나단입니다
2020-01-21 (화) 22:48:21
$('a').toggle(function() {
$(this).addClass('active');
}, function() {
$(this).removeClass('active');
});
2020-01-22 (수) 01:32:34
쉬운 자바스크립트로 무식하게 하면 아래와 같습니다만 의미가 있는가는 모르겠네요.
a 요소는 누르면 이동을 하는데 어떻게 색상이 유지되죠??? 아래는 임시로 이동을 못하도록 href 를 조작했습니다.
Copy
<a href="javascript:;" style="color:red;" data-save-color="blue" onclick="var tmp = this.style.color; this.style.color = this.dataset.saveColor; this.dataset.saveColor= tmp;">클릭</a>위와 같이 하면 색상이 유지 됩니다. 그런데 왜? 그렇게 하죠??? A 에 거는 것보다 이동할것이 아니라면 아래가 더 편합니다.
Copy
<style>
#checkbox_id:checked + label { color:red; }
</style>
<input type="checkbox" style="display:none" id="checkbox_id"><label for="checkbox_id">클릭</label>마르스컴퍼니
2020-01-21 (화) 21:30:41
<css>
a.green{color: #0f0;}
<jquery>
$('a').on('click', function () {
$('a').removeClass();
$(this).addClass('green');
});
답변을 작성하려면 로그인이 필요합니다.