SVG 앵커 현재 페이지 하이라이트

Question

다음과 비슷한 링크가있는 SVG 기반 메뉴가 있습니다. 현재 페이지의 링크를 강조하고 싶습니다 (예 : 'font-weight : bold'추가). 어떤 제안? Javascript를 사용해야합니까? (HTML 페이지의 SVG를 객체 인 > 태그를 사용하여 호환성을 위해 연결 했으므로 해결책은 그 제약 조건과 함께 작동해야합니다.) 아, 그리고 현대적인 브라우저에서만 작동하는 강조점만으로도 좋습니다.

<svg ...> 
    <style type="text/css"> 
a text { 
    fill:#ffffff; 
} 
a:hover text { 
    fill:#2020ff; 
} 
    </style> 
    <g> 
    <a id="aHome" xlink:href="/" target="_top"> 
     <text id="txtHome">Home</text> 
    </a> 
    ... 
    </g> 
</svg> 

Answer 1

글쎄, 분명히 일주일 동안 잊어 버린 청동 배지 가치가 있었다. :-P

어쨌든 위의 코드는 실제로 그 자체로 정확합니다. Go figure - 나는 a : hover 비트가 실패하게 만드는 다른 재정의 CSS 스타일을 가졌다.