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

236

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

html css anchor html-helper 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

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

Квентин

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

Ответы: