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

Question

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

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

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

Актуальный код

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

Answer 1

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

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

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

Answer 2

a:visited{
    color: your-color;
}

Answer 3

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

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

Answer 4

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

a {
   color: white !important;
}

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

Answer 5

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

.dropdown a{ color:#fff }

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

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

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