没有文字的下拉菜单答案

【问题标题】：Dropdown with no text没有文字的下拉菜单
【发布时间】：2021-12-18 16:02:54
【问题描述】：

我想实现这个效果：

我想要一个向下的下拉箭头，并且在它之前有一个空白空间。我还希望选项完全显示在下面，如下所示。

到目前为止，我已经尝试过：

<div>
  <b-dropdown id="dropdown-right" text="&#160;&nbsp;" class="m-2">
    <b-dropdown-item>Phone Number</b-dropdown-item>
    <b-dropdown-item>Email</b-dropdown-item>
    <b-dropdown-item>DeviceToken</b-dropdown-item>
  </b-dropdown>
</div>

我尝试用空格填充它，而 ASCI 代码是或。这些都不起作用。这可视化为：

请帮助我在这上面花了几个小时，但我被困住了。我也尝试了不同的引导元素，但没有成功。

【问题讨论】：

试试这个style="color: transparent;"

标签： vue.js bootstrap-4

【解决方案1】：

不能在文本内添加 ASCI 代码。你可以这样做，

<div id="app">
  <b-dropdown id="dropdown-right" class="m-2 col-5">
    <b-dropdown-item>Phone Number</b-dropdown-item>
    <b-dropdown-item>Email</b-dropdown-item>
    <b-dropdown-item>DeviceToken</b-dropdown-item>
  </b-dropdown>
</div>

DEMO

【讨论】：