링크에서 파란색 밑줄 제거
흰색으로 밑줄 없이 링크를 표시하려고 합니다.텍스트 색상은 흰색으로 올바르게 표시되지만 파란색 밑줄은 계속 표시됩니다.나는 노력했다.text-decoration: none;그리고.text-decoration: none !important;CSS에서 링크 밑줄을 제거합니다.둘 다 효과가 없었습니다.
.boxhead .otherPage {
color: #FFFFFF;
text-decoration: none;
}<div class="boxhead">
<h2>
<span class="thisPage">Current Page</span>
<a href="myLink"><span class="otherPage">Different Page</span></a>
</h2>
</div>링크에서 파란색 밑줄을 제거하려면 어떻게 해야 합니까?
지원하지 않습니다.text-decoration: none;닻까지(.boxhead a) 그러나 스팬 요소(.boxhead).
사용해 보십시오.
.boxhead a {
color: #FFFFFF;
text-decoration: none;
}
앵커 태그(링크)에도 방문, 호버, 링크 및 활성과 같은 유사 클래스가 있습니다.스타일이 해당 상태에 적용되고 다른 스타일이 충돌하지 않는지 확인합니다.
예:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
사용자 작업 유사 매개 변수:sys, :active 및 :sys에 대한 자세한 내용은 W3.org 을 참조하십시오.
text-decoration: none !important그것을 제거해야 합니다.당신은 그것이 없는 것이 확실합니까?border-bottom: 1px solid숨어있습니까?(IE의 Firebug/F12에서 계산된 스타일을 추적합니다.)
이 특성을 앵커 태그에 추가하기만 하면 됩니다.
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;
}
놓치셨군요text-decoration:none앵커 태그용.그래서 코드는 다음과 같아야 합니다.
.boxhead a {
text-decoration: none;
}<div class="boxhead">
<h2>
<span class="thisPage">Current Page</span>
<a href="myLink"><span class="otherPage">Different Page</span></a>
</h2>
</div>텍스트 장식을 위한 더 표준적인 속성
일반적으로 "밑줄"이 텍스트와 동일한 색상이 아닌 경우('색상:'은 인라인에서 재정의되지 않은 경우) "텍스트 장식:"에서 가져온 것이 아닙니다."경계-하단:"이어야 합니다.
여러분의 사이비 수업의 경계를 없애는 것도 잊지 마세요!
a, a:link, a:visited, a:active, a:hover {border:0!important;}
이 토막글은 그것이 닻 위에 있다고 가정합니다.그에 따라 포장지로 변경...그리고 근본 원인을 추적한 후에는 "!important" 대신 특수성을 사용합니다.
그 페이지를 보지 않고는 추측하기가 어렵습니다.
하지만 제가 듣기엔 당신은 아마도border-bottom: 1px solid blue;적용 중인추가할 수 있습니다.border: none;.text-decoration: none !important맞습니다. 하지만 여전히 CSS를 무시하는 다른 스타일이 있을 수 있습니다.
여기서 Firefox 웹 개발자 도구 모음을 사용하는 것이 좋습니다.당신은 그곳에서 CSS를 편집하고 적어도 파이어폭스의 경우 작동하는지 확인할 수 있습니다.CSS → CSS 편집 아래에 있습니다.
a {
color: unset;
text-decoration: unset;
}
다른 답들은 옳지만, 모든 성가신 링크의 밑줄을 쉽게 제거할 수 있는 방법이 방법은 다음과 같습니다.
a {
text-decoration: none;
}
이렇게 하면 페이지의 모든 링크에서 밑줄이 제거됩니다.
어떤 대답도 제게는 통하지 않았습니다.제 경우에는 기준이 있었습니다.
a:-webkit-any-link {
text-decoration: underline;
내 규정으로는.기본적으로 링크가 무엇이든, 텍스트 색상은 파란색으로 바뀌고 링크는 무엇이든 유지됩니다.
그래서 헤더 끝에 다음과 같이 코드를 추가했습니다.
<head>
</style>
a:-webkit-any-link {
text-decoration: none;
}
</style>
</head>
그리고 문제는 더 이상 없습니다.
텍스트 장식을 사용했습니다. 잘못된 선택기에 없습니다.당신은 장식용으로 어떤 태그가 필요한지 확인해야 합니다.
이 코드를 사용할 수 있습니다.
.boxhead h2 a {
text-decoration: none;
}
또는
.boxhead a {
text-decoration: none !important;
}
또는
a {
text-decoration: none !important;
}
다른 사람들이 지적했듯이 중첩된 텍스트 장식 스타일을 재정의할 수는 없는 것 같습니다.그러나 텍스트-장식-색상을 변경할 수 있습니다.
해킹으로, 저는 투명하게 색을 바꿨습니다.
텍스트-장식-색상: 투명;
2023년 업데이트
질문이 이미 좀 오래되었습니다. 후부터 후 다 음 삭 수 있 니 습 할 제 을all: unsetCSS »
.w {
font-size: 1.4rem;
}
.w .s2 a, .w .s3 a {
all: unset;
}
.w .s3 a {
color: magenta;
}<div class="w">
<div class="s1">
<a href="">link A</a>
</div>
<div class="s2">
<a href="">link B</a>
</div>
<div class="s3">
<a href="">link C</a>
</div>
</div>그냥 부동산을 사용하세요.
border: 0;
그리고 당신은 보호를 받습니다.텍스트 장식 속성이 전혀 작동하지 않을 때는 완벽하게 작동했습니다.
한다면text-decoration: none또는border: 0작동하지 않습니다. HTML 컨텐츠에 인라인 스타일을 적용해 보십시오.
재설정에서 CSS는 보통 다음과 같습니다.
a {
cursor: pointer;
text-decoration: none !important;
color: inherit;
}
드다앞놓습다니에음를음▁▁before 앞에 다음 HTML 코드를 .<BODY> 태그:
<STYLE>A {text-decoration: none;} </STYLE>
경우 HTML을하지 못하였습니다.링크가 다음 범위 내에 있었습니다.<u>a가 아님)이 아닌 <ul>꼬리표를 달다
트text-decoration: none;앵커 태그용.
예제 HTML.
<body>
<ul class="nav-tabs">
<li><a href="#"><i class="fas fa-th"></i>Business</a></li>
<li><a href="#"><i class="fas fa-th"></i>Expertise</a></li>
<li><a href="#"><i class="fas fa-th"></i>Quality</a></li>
</ul>
</body>
예: CSS:
.nav-tabs li a{
text-decoration: none;
}
중첩된 텍스트 장식 스타일을 재정의합니다.
선택기 앞 또는 뒤에 있는 :::를 찾고 텍스트 장식, 테두리 맨 아래 등에 아무것도 표시하지 않거나 속성을 텍스트 장식 색상, 배경 색상 등과 같은 텍스트 색상 속성으로 재설정(설정 취소)합니다.
.boxhead .otherPage {
color: #FFFFFF;
}
a.boxhead .otherPage:before {
background-color: unset;
}
또는
a.boxhead .otherPage:before {
background-color: unset !important;
}
다음은 ASP.NET Web Forms LinkButton 컨트롤의 예입니다.
<asp:LinkButton ID="lbmmr1" runat="server" ForeColor="Blue" />
코드백:
lbmmr1.Attributes.Add("style", "text-decoration: none;")
언급URL : https://stackoverflow.com/questions/2789703/remove-blue-underline-from-link
'programing' 카테고리의 다른 글
| Cell OpenPyX에 배경색 추가l (0) | 2023.06.17 |
|---|---|
| 최고의 OAuth2 C# 라이브러리는 무엇입니까? (0) | 2023.06.17 |
| C#: Excel 셀에 액세스하는 방법은 무엇입니까? (0) | 2023.06.17 |
| Angular2를 사용한 404 취급 (0) | 2023.06.17 |
| 스토어에서 정의되지 않은 'getProduct'(작업 이름) 속성을 읽을 수 없습니다.vuex의 _callee (0) | 2023.06.17 |