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

Ответ 1

Значение Наследства:

a { color: inherit; } 

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

Ответ 2

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

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

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

Ответ 3

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

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

Ответ 4

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

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

Ответ 5

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

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

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

Ответ 6

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

        a {
            all: unset;
        }

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

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

Ответ 7

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

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

что это, сделано.

Ответ 8

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

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

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

Ответ 9

a:link{color:inherit;}

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

Ответ 10

Удалить по умолчанию стили a link со свойством text-художественное оформление: нет

Пример:

a {
    text-decoration: none;
}

Ответ 11

Попробуй это.

a {
  &:visited,
  &:hover,
  &:active,
  &:link {
    color: var(--primary);
  }
}

Ответ 12

Скажем, ваш цвет по умолчанию зеленый (# 0F0), тогда вы должны добавить это в начало своего CSS:

a {color:#0F0}

Ответ 13

Это будет работать

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