Как изменить выпадающий список? - PullRequest
0 голосов
/ 30 октября 2019

В настоящее время мой раскрывающийся список начальной загрузки выглядит следующим образом:

enter image description here

Кнопка «Выход» работает правильно, но почему-то ссылка «Выход из системы» не работает. Не могли бы вы посмотреть и исправить мою ссылку «Выйти»?

<div class="logout-dropdown-list float-right">
    <button class="btn btn-secondary btn-md dropdown-toggle" type="button" data-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false"></button>
    <div class="dropdown-menu">
        <p align="right">Logged as <span sec:authentication="name"></span></p>
        <div class="dropdown-divider"></div>
        <form action="#" class="float-right" th:action="@{/logout}" method="POST">
            <input type="submit" value="Logout">
        </form>
        <a class="dropdown-item" href="#" th:action="@{/logout}" method="POST">Log out</a>
    </div>
</div>

1 Ответ

1 голос
/ 30 октября 2019
            **HTML**

            <div class="logout-dropdown-list float-right">
                <button class="btn btn-secondary btn-md dropdown-toggle" type="button" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false"></button>
                <div class="dropdown-menu">
                    <p align="right">Logged as <span sec:authentication="name"></span></p>
                    <div class="dropdown-divider"></div>
                    <div class="custom-dropdown-item">
                      <form action="#" th:action="@{/logout}" method="POST">
                        <input type="submit" value="Logout" class="dropdown-item">
                    </form>
                    </div>

                    <a class="dropdown-item" href="#" th:action="@{/logout}" method="POST">Log out</a>
                </div>
            </div>


            **CSS**
            .custom-dropdown-item{display:block;}
            .custom-dropdown-item input{border:none !important; border-radius:none !important; cursor:pointer; outline:none !important; box-shadow:none !important;}

            DEMO: https://jsfiddle.net/0fpgLk6h/
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...