[css] 링크에서 완고한 밑줄을 제거하십시오.


Answers

앵커 태그 (링크)에는 방문, 마우스 오버, 링크 및 활성과 같은 의사 클래스가 있습니다. 자신의 스타일이 해당 상태에 적용되고 다른 스타일이 충돌하지 않는지 확인하십시오.

예 :

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

hover, : active 및 : focus와 같은 사용자 작업 가상 클래스 에 대한 자세한 내용은 W3.org 를 참조하십시오 .

Question

밑줄없이 흰색으로 링크를 표시하려고합니다. 텍스트 색상이 흰색으로 올바르게 표시되지만 파란색 밑줄은 계속 고집합니다. 나는 text-decoration: none; 시도했다 text-decoration: none;text-decoration: none !important; CSS에서 링크 밑줄을 제거합니다. 어느 쪽도 효과가 없었다.

HTML :

<div class="boxhead">
    <h2>
        <span class="thisPage">Current Page</span>
        <a href="myLink"><span class="otherPage">Different Page</span></a>
    </h2>
</div>

CSS :

.boxhead .otherPage {
    color: #FFFFFF;
    text-decoration: none;
}

링크에서 파란색 밑줄을 제거하려면 어떻게해야합니까?




일반적으로 "밑줄"이 텍스트와 동일한 색상이 아니며 [색상 :]이 [인라인으로 덮어 쓰기되지 않는 경우] "텍스트 장식"에서 오는 것이 아닙니다. "테두리 아래"여야합니다.

국경을 의사 수업에서 빼는 것을 잊지 마세요!

a, a:link, a:visited, a:active, a:hover {border:0!important;}

이 스 니펫은 앵커에서 해당 래퍼로 변경한다고 가정하고 근본 원인을 추적 한 후에 "! important"대신 구체성을 사용합니다.




그냥 재산을 사용하십시오.

border:0;

그리고 당신은 보상받습니다. 텍스트 장식 속성 dint가 전혀 작동 할 때 나를 위해 완벽하게 작업했습니다.




앵커 태그에이 속성을 추가하기 만하면됩니다.

style="text-decoration:none;"

예:

<a href="page.html"  style="text-decoration:none;"></a>

또는 CSS 방식을 사용하십시오.

.classname a {
    color: #FFFFFF;
    text-decoration: none;
}



때때로 당신이 보는 것은 상자 그림자이며 텍스트 밑줄이 아닙니다.

다음을 시도해보십시오 (어떤 CSS 선택자를 사용 하든지간에) :

a:hover, a:visited, a:link, a:active {

    text-decoration: none!important;

    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}



Related