Изменить цвет текста на Navbar

Question

Я не могу изменить один элемент моего Navbar на белый (чтобы соответствовать другим). Я пробовал другие вопросы о StackOverflow с CSS / HTML, но он просто не меняется!

Вот мой HTML-код:

Спасибо

Пробовал переопределить CSS для цвета, но не предпринимает никаких действий.

    <nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #d35400;">
        <a class="navbar-brand" href="">P s y c h l y t X | Scala: Client View</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item active">
                    <a class="nav-link" href="">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">Return to Scala application</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/scale">Edit my client's outcomes</a>
                </li>
            </ul>
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-text" >Welcome, <%= @user['info']['name'] %></a>
                </li>
            </ul>
        </div>
    </nav>

Answer 1

, если вы используете Bootstrap:
измените navbar-dark на navbar-white или navbar-light и добавьте text-dark

<nav class="navbar navbar-expand-lg navbar-light text-dark" style="background-color: #d35400;">

Answer 2

Любой из этих классов, примененных к nav, имеет свойство background-color?Если да, попробуйте поставить! Важный после цвета.

Answer 3

Если вы когда-либо создавали скаффолд, скаффолд будет поставляться со стилем CSS по умолчанию, который может повлиять на ваш CSS, поэтому проверьте ваш asset / stylesheet / scaffold.css и удалите там код CSS, посмотрите, поможет ли это.

Answer 4

nav {color: #FFFFFF;}
a:-webkit-any-link {color: #FFFFFF;}

<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #d35400;">
        <a class="navbar-brand" href="">P s y c h l y t X | Scala: Client View</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item active">
                    <a class="nav-link" href="">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">Return to Scala application</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/scale">Edit my client's outcomes</a>
                </li>
            </ul>
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-text" >Welcome, <%= @user['info']['name'] %></a>
                </li>
            </ul>
        </div>
    </nav>