Как предотвратить материализацию вкладок панели навигации от подчеркивания и изменения цвета?

Question

Я пытаюсь заставить мои материализованные ссылки навигационной панели не менять цвет навигационной панели / подчеркивания при наведении на них курсора. Смотрите фотографии для примера. Я использую реагировать. Какие-нибудь быстрые исправления?

вот так это должно выглядеть:

но это выглядит так:

Answer 1

Довольно сложно помочь вам, не увидев код. Это не нормальное поведение вкладок navbar, поэтому что-то противоречиво. Одним из исправлений может быть усиление класса зависания / активного класса. Это фактические материализованные стили css, взятые из документов:

.tabs .tab a:hover, .tabs .tab a.active {
    background-color: transparent;
    color: #ee6e73;
}

Похоже, что в браузере применяется подчеркивание тега привязки по умолчанию. Таким образом, вы можете попробовать:

.tabs .tab a:hover, .tabs .tab a.active {
        text-decoration: none;
        color: white;
    }

https://materializecss.com/navbar.html/#navbar -tabs

Answer 2

попробуйте это просто, чтобы быть уверенным ... это должно переопределить все конфликтующие css

.tabs .tab a:hover, .tabs .tab a.active {
        text-decoration: none !important;
        color: white !important;
    }