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

기본 링크 색상은 파란색입니다. 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 :이 키워드는 요소 또는 요소의 부모에 적용되는 모든 속성이 상속 가능한 경우 부모 값으로, 그렇지 않으면 초기 값으로 변경 함을 나타냅니다. 유니 코드 비디 및 방향 값은 영향을받지 않습니다.

를 사용해야 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;
}

그게 다야.

IT HOW