Как удалить цвет ссылки по умолчанию для html-гиперссылки «a»?

Question

Цвет ссылки по умолчанию синий. Как удалить цвет ссылки по умолчанию для HTML-тега гиперссылки <a>?

Answer 1

наследует значение :

a { color: inherit; } 

… заставит элемент принять цвет своего родителя (что, я думаю, вы ищете).

Answer 2

вы можете сделать что-то вроде этого:

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

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

Answer 3

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

Я счел необходимым опубликовать приведенное выше определение класса, во многих ответах на SO пропущены некоторые состояния

Answer 4

Если вы не хотите видеть оформление текста и цвет по умолчанию, предоставляемый браузером, вы можете сохранить следующий код в верхней части файла main.css.Поэтому, если вам нужно другое свойство стиля цвета и оформления, вы можете легко переопределить его в приведенном ниже фрагменте кода в файле стиля.

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

Answer 5

Это также возможно:

        a {
            all: unset;
        }

unset: это ключевое слово указывает на изменение всех свойств, применяемых к элементу или родительскому элементу, на их родительское значение, если они наследуются или их исходноезначение, если нет.Unicode-bidi и значения направления не затрагиваются.

Источник: Mozilla Описание всех

Answer 6

Вы должны использовать CSS. Вот пример изменения цвета ссылки по умолчанию, когда ссылка просто находится там, когда она находится и когда она активна.

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

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

Answer 7

Просто добавьте это в CSS,

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

Вот и все.

Answer 8

Вы можете использовать значения System Color (18.2) , введенные в CSS 2.0, но устарели в CSS 3 .

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

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

Answer 9

a:link{color:inherit;}

это простая строка, которая может сделать все для вас <3 </p>