Как отключить оформление текста с помощью CSS?

Question

Итак, мне нужно убрать раскраску посещенной ссылки с моей панели навигации, так как она будет выглядеть ужасно.

Я пытался использовать text-decoration: none; и color: white;, но это, похоже, не помогает.

CSS для навигации

Фактический код

Я удаленреальные ссылки из кода, в реальной версии есть ссылка, но для этого вопроса ссылки заменяются на #

Answer 1

Я рекомендую сначала установить стиль тега ссылки, например:

.dropdown a{ color:#fff }

теперь ваши текстовые ссылки внутри контейнера с классом .dropdown будут белого цвета.Тогда вам не нужно устанавливать цвет посещенной ссылки, если только вы не хотите его установить.

Если вы хотите избавиться от подчеркивания в ссылке, ваш стиль будет таким:

.dropdown a{ color:#fff; text-decoration: none; }

Answer 2

В дополнение к ответу Харис выше , это поможет сбросить ваши <a> ссылки при любых обстоятельствах на ваш указанный CSS.

a:visited, a:hover, a:active, a:focus {
   color: yourColor !important;
   text-decoration: none !important;
   outline: none !important;
}

!important означает, что он имеетболее высокий приоритет, чем у других правил, объявляющих одинаковые значения для тех же селекторов.Примечание: вы все еще можете оформить их отдельно, как если бы вы использовали :hover.

Answer 3

Я отредактировал тег <a>, чтобы обойти <button>, чтобы текст снова стал белым, и кнопка фактически работает.Это больше не просто «щелкать текст, чтобы перейти по ссылке», вся кнопка работает.

<a href="#"><button class="dropbtn">Community</button></a>

Answer 4

Попробуйте добавить! Важный в конец стилей CSS, например:

a {
   color: white !important;
}

Надеюсь, это поможет!

Answer 5

a:visited{
    color: your-color;
}