Як видалити колір посилання за замовчуванням тега html гіперпосилання "a"?

235

За замовчуванням колір посилання - синій. Як видалити колір посилання за замовчуванням тегу гіперпосилання html <a>?

— Рафіу
джерело

Колір тексту за замовчуванням <a>- синій. У чому ваша проблема зараз?

— VMAtm

Я намагаюся отримати, якщо фарба дасть будь-який колір <a>, я не хочу, щоб він відображався в синьому кольорі. Це в кольорі тексту за замовчуванням, колір тексту може бути чорним або синім, як такий ...

— Rafiu

3

@Terry_Brown - мені це питання було досить корисним, оскільки я хотів знайти відповідь "color: nasledit" нижче, що, на мою думку, стосувалося й питання ...

— Sk93

474

Успадкують значення :

a { color: inherit; }

… Призведе до того, що елемент набуде кольору свого батьківського (це я думаю, що ви шукаєте).

— Квентін
джерело

59

ви можете зробити щось подібне:

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

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

якщо оздоблення тексту не працює, тоді включайте текстове прикраса: немає! важливо;

— клейнохад
джерело

крім того, якщо ви хочете запобігти зміні кольору для певного посилання після натискання на нього, додайте всередину тегу: <A STYLE = "text-decoration: none; color = [виберіть улюблене ...]" HREF = " link.html "> тестове посилання </A>

— wiztrail

4

<a style="text-decorations:none; color:inherit;>= перемога

— Ден Бредбері

2

@DanBradbury видаліть 's' у текстових прикрасах. <a style="text-decoration:none; color:inherit;>

— Mukarram Pasha

18

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

Я вважав за потрібне розмістити вищевказане визначення класу, багато відповідей на ТА пропускають деякі штати

— Каан Сорал
джерело

17

Якщо ви не хочете бачити підкреслений і за замовчуванням колір, який надає браузер, ви можете зберегти такий код у верхній частині вашого файлу main.css. Якщо вам потрібні різні кольори та стилі прикраси, ви можете легко змінити параметри за замовчуванням, використовуючи наведений нижче фрагмент коду.

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

— GURU PRASAD
джерело

8

Це також можливо:

        a {
            all: unset;
        }

unset: Це ключове слово вказує на зміну всіх властивостей, що застосовуються до елемента або батьківського елемента, до їх батьківського значення, якщо вони є спадковими або їх початковим значенням, якщо ні. значення Unicode-bidi та напрям не впливають.

Джерело: Опис усіх Mozilla

— Герд Хюбнер
джерело

Ви могли , але тільки тому, що не можете, це означає, що не слід. Я б сказав, враховуючи характер цього правила, ви дійсно повинні включити трохи більше про те, що воно насправді робить.

— Том

1

Мабуть, color: unsetтакож працює. Я вилучив кольори рамки з елемента, потім загорнув елемент і встановив свій власний колір на цій обгортці, щоб колір успадкував.

— Traxo

8

Ви повинні використовувати CSS. Ось приклад зміни кольору посилання за замовчуванням, коли посилання просто сидить там, коли воно перебуває і коли це активне посилання.

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

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

Розгорніть фрагмент

— Саад Імран.
джерело

6

Просто додайте це в CSS,

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

це все, зроблено.

— АріфМустафа
джерело

1

Я не знаю, у чому полягає проблема з виборцем, повірте, це працює ...

— ArifMustafa

3

Можна використовувати значення System Color (18.2) , введені з CSS 2.0, але застарілі в CSS 3 .

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

Таким чином ваші анкерні посилання матимуть такий самий колір, як і звичайний текст документа в цій системі.

— трикотаж
джерело

0

a:link{color:inherit;}

це простий один рядок, який може виконати всі речі для вас <3

— сонічний нат
джерело

-2

Це спрацює

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

Для цього потрібно видалити контур для всіх трьох псевдокласів.

— Сумет Рохра
джерело

Надайте трохи більше пояснень, чому це працює.

— мареофт

Питання не стосується контуру

— Квентін