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

236

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

— Rafiu
источник

Цвет текста по умолчанию для <a>синий. В чем твоя проблема сейчас?

— VMAtm

Я пытаюсь получить, если dint дает какой-либо цвет <a>, я не хочу, чтобы он отображался синим цветом. Это в цвете текста по умолчанию, цвет текста может быть черный или синий, как это ...

— Рафиу

3

@Terry_Brown - я нашел этот вопрос весьма полезным, так как я хотел найти ответ «color: наследовать» ниже, который, как я полагаю, тоже

— касался

475

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

a { color: inherit; }

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

— Quentin
источник

60

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

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

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

если текстовое оформление не работает, тогда добавьте текстовое оформление: нет!

— kleinohad
источник

более того, если вы хотите предотвратить изменение цвета для конкретной ссылки после нажатия на нее, добавьте внутрь тега: <A STYLE = "text-ornament: 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;>

— Мукаррам Паша,

18

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

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

— Каан Сорал
источник

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;
}

все, готово.

— ArifMustafa
источник

1

Я не знаю, в чем проблема с избирателем, поверьте мне, это работает ...

— ArifMustafa

3

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

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

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

— knittl
источник

0

a:link{color:inherit;}

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

— зоркий нат
источник

-2

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

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

То, что это делает, удаляет схему для всех трех псевдоклассов.

— Сумит Рора
источник

Пожалуйста, предоставьте немного больше объяснений, почему это работает.

— mareoraft

Вопрос не спрашивает об общих чертах

— Квентин