css 有没有一种简单的方法来创建下拉链接，只有文本没有按钮的 Bootstrap 4？

rqdpfwrv 于 2023-03-14 发布在 Bootstrap

关注(0)|答案(1)|浏览(130)

有没有一种简单的方法来创建下拉链接，只有文本没有按钮的 Bootstrap 4？
或者是唯一的方法来创建这是通过删除填充/按钮在CSS中？我希望“交付”下拉看起来像其余的文本。
我试着谷歌这个，甚至看了codepen，但我能找到的只是按钮下拉菜单。

<div class="dropdown">
              <button
                class="btn btn-light dropdown-toggle"
                type="button"
                id="dropdownMenuButton"
                data-toggle="dropdown"
                aria-haspopup="true"
                aria-expanded="false"
              >
                Delivery
              </button>
              <div
                class="dropdown-menu"
                aria-labelledby="dropdownMenuButton"
              >
                <a class="dropdown-item" href="#">Action</a>
                <a class="dropdown-item" href="#">Another action</a>
                <a class="dropdown-item" href="#">Something else here</a>
              </div>
            </div>

css

来源：https://stackoverflow.com/questions/75689188/is-there-an-easy-way-to-create-dropdown-link-that-is-text-only-without-the-butto

1条答案

按热度按时间

qyuhtwio1#

这可以通过使用锚标签而不是button标签来实现，如下所示：

<a
            class=" dropdown-toggle"
            id="dropdownMenuButton"
            data-toggle="dropdown"
            aria-haspopup="true"
            aria-expanded="false"
          >
            Delivery
          </a>
          <div
            class="dropdown-menu"
            aria-labelledby="dropdownMenuButton"
          >
            <a class="dropdown-item" href="#">Action</a>
            <a class="dropdown-item" href="#">Another action</a>
            <a class="dropdown-item" href="#">Something else here</a>
          </div>
        </div>

赞(0）回复(0）举报 2023-03-14

我来回答

css 有没有一种简单的方法来创建下拉链接，只有文本没有按钮的 Bootstrap 4？

1条答案

相关问题

热门标签

最新问答