반응형
html 하이퍼 링크 'a'태그의 기본 링크 색상을 제거하는 방법은 무엇입니까?
기본 링크 색상은 파란색입니다. html 하이퍼 링크 태그의 기본 링크 색상을 제거하는 방법은 <a>
무엇입니까?
상속 값 :
a { color: inherit; }
… 요소가 부모의 색을 취하게합니다 (당신이 찾고있는 것입니다).
당신은 이런 식으로 할 수 있습니다 :
a {
color: #0060B6;
text-decoration: none;
}
a:hover
{
color:#00A0C6;
text-decoration:none;
cursor:pointer;
}
.cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{
color: inherit;
text-decoration: none;
}
위의 클래스 정의를 게시해야한다고 생각 했으므로 SO에 대한 많은 답변이 일부 주를 놓쳤습니다.
브라우저에서 제공하는 텍스트 장식 및 기본 색상을 표시하지 않으려면 main.css 파일의 맨 위에 다음 코드를 유지하십시오. 따라서 다른 색상 및 장식 스타일 속성이 필요한 경우 스타일 파일의이 코드 스 니펫 아래에서 쉽게 재정의 할 수 있습니다.
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
This will work
a:hover, a:focus, a:active {
outline: none;
}
반응형
'Programing' 카테고리의 다른 글
MySQL을 사용하여 두 날짜 사이에 어떻게 쿼리합니까? (0) | 2020.05.05 |
---|---|
URL에서 hashbang를 제거하는 방법? (0) | 2020.05.01 |
줄 바꿈을 제거하지 않고 Ruby에서 여러 줄의 긴 문자열 나누기 (0) | 2020.05.01 |
코드를 사용하여 버튼 클릭을 시뮬레이션하는 방법은 무엇입니까? (0) | 2020.05.01 |
Selenium WebDriver에서 JavaScript를 사용하여 XPath로 요소를 얻는 방법이 있습니까? (0) | 2020.05.01 |