방문한 링크 아래에서 밑줄 지우기

Question

링크를 방문한 후 밑줄을 제거하기 위해 작성해야하는 CSS 코드는 무엇입니까?

<ul id = "header"> 
    <li><a href="sigur ros.html"> Home </a> </li> 
    <li>Images</li> 
    <li>Videos</li> 
</ul> 

나는이 시도 :

a:visited { text-decoration: none; } 

을했지만 작동하지 않았다.

이

a:link { text-decoration: underline; } 
a:visited { text-decoration: none; } 

Answer 1

: 여기

는 바이올린 문제를 보여주고있다 "중요한!"귀하의 재산.

a:visited 
{ 
    text-decoration: none !important; 
} 

Answer 2

코드는 다음 당신을 위해 작동하지 않는 기존 추가하십시오 : 예를 들어, 그래서 난 당신이뿐만 아니라 기본 상태를 정의해야한다고 생각 http://jsfiddle.net/litari/X2Yjk/1/

Answer 3

또는

outline: 0; 

그것은 FF에서 작동 할 수보십시오.

Answer 4

당신은 텍스트 장식을 변경할 수 없습니다

오히려 설정 텍스트 장식을 방문 : 앵커 및 텍스트 장식 아무도 : 당신은 밑줄이 원하는 링크에 밑줄. 예를 들어 클래스를 사용하여이를 수행 할 수 있습니다. 작동하지 않는 text-decoration:visited에 대한 앵커를 변경, 이전에 언급 한 바와 같이

a 
{ 
    text-decoration:none; 
} 

a.underlined 
{ 
    text-decoration:underline; 
} 

Answer 5

. 하지만 당신은 다음을 수행 할 수 :

a { 
    border-bottom:1px solid #000; 
    text-decoration:none; 
} 

a:visited { 
    border-bottom-color:rgba(255,255,255,0); 
} 

이 나를 위해 잘 작동 : http://jsfiddle.net/Whre/N8c3A/ 크롬 개발자 도구를 사용하여 앵커를 검사하여이를 테스트하려면이, 마크 업을 마우스 오른쪽 단추로 말하기를 "강제 요소 상태"-> "를 : 방문한 ".