2015-01-31 3 views
-1

하이퍼 링크를 클릭 할 때 배경색을 변경하려고했지만 onclick 이벤트가 있기 때문에 클릭 기본 동작이 없어져서 활성 스타일이 아무 것도 수행하지 않는 것으로 보입니다. CSS를 사용하여 이것을 선호합니다.onclick 이벤트에서 앵커 태그 배경색 변경

CSS :

a.myanchor.sunsetred a:active {  
    background-color: yellow; 
} 

HTML :

<p> 
    <a onclick="displayText("Hello world") return false;" href="#" class="myanchor sunsetred">Click to display text</a> 
</p> 

도울 수있는 어떤 아이디어?

+0

displayText 함수가 있습니까? JQuery를 사용합니까? –

+0

@TezWingfield 모두에 예. hello world 텍스트를 경고로 표시하는 함수입니다. – Mercury

답변

1

onclick 매개 변수의 유무와 차이점을 볼 수 없습니다. (Chrome에서) 클릭 할 때 active 상태가 적용되었음을 알았 으면됩니다. 마우스 단추를 놓으면 상태가 해제됩니다. 아마 :focus을 의미 할 수도 있습니다.

어느 쪽이든, 귀하의 스타일 선언에 구문 오류가 있다고 생각합니다. 활발한 링크를 색칠하고 있습니다 다른 링크, 그건 의미가 없습니다. 아마 :

a.myanchor.sunsetred:active {  
    background-color: yellow; 
} 
+0

Well spotted :) using : 초점은가는 길입니다. – Mercury

관련 문제