html 하이퍼 링크 'a'태그의 기본 링크 색상을 제거하는 방법은 무엇입니까?

기본 링크 색상은 파란색입니다. html 하이퍼 링크 태그의 기본 링크 색상을 제거하는 방법은 <a>무엇입니까?

상속 값 :

a { color: inherit; } 

… 요소가 부모의 색을 취하게합니다 (당신이 찾고있는 것입니다).

당신은 이런 식으로 할 수 있습니다 :

a {
    color: #0060B6;
    text-decoration: none;
}

a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}

text-decoration이 작동하지 않으면 text-decoration을 포함하십시오 : none! important;

.cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{
    color: inherit;
    text-decoration: none;
}

위의 클래스 정의를 게시해야한다고 생각 했으므로 SO에 대한 많은 답변이 일부 주를 놓쳤습니다.

브라우저에서 제공하는 밑줄과 기본 색상을 표시하지 않으려면 main.css 파일의 맨 위에 다음 코드를 유지하십시오. 다른 색상 및 장식 스타일이 필요한 경우 아래 코드 스 니펫을 사용하여 기본값을 쉽게 무시할 수 있습니다.

 a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

이것은 또한 가능하다 :

        a {
            all: unset;
        }

unset :이 키워드는 요소 또는 요소의 부모에 적용되는 모든 속성이 상속 가능한 경우 부모 값으로, 그렇지 않으면 초기 값으로 변경 함을 나타냅니다. 유니 코드 비디 및 방향 값은 영향을받지 않습니다.

출처 : 모든 Mozilla에 대한 설명

를 사용해야 CSS합니다. 다음은 기본 링크 색상을 변경하는 예입니다. 링크가 바로 거기에있을 때, 마우스를 가져 가고있을 때 및 활성 링크 일 때입니다.

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

<a href='http://google.com'>Google</a>

에 다음을 추가하면됩니다 CSS.

a {
    color: inherit;
    text-decoration: none;
}

그게 다야.

CSS 2.0에서 도입되었지만 CSS 3 에서는 더 이상 사용되지 않는 시스템 색상 (18.2) 값을 사용할 수 있습니다 .

a:link, a:hover, a:active { color: WindowText; }

이렇게하면 앵커 링크가이 시스템의 일반 문서 텍스트와 동일한 색상이됩니다.

a:link{color:inherit;}

이것은 당신을 위해 모든 것을 할 수있는 간단한 한 줄입니다 <3

이 작동합니다

    a:hover, a:focus, a:active {
        outline: none;
    }

이것이하는 것은 세 가지 의사 클래스에 대한 개요를 제거하는 것입니다.