在Bootstrap 3中,您可以从下拉按钮轻松删除“插入符号”(指向下方的小箭头),但我无法看到如何在Bootstrap 4中执行此操作,因为它们不再使用< span class =“caret”> ;< /跨度取代.
- <div class="input-group mb-3">
- <div class="input-group-prepend">
- <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</button>
- <div class="dropdown-menu">
- <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 role="separator" class="dropdown-divider"></div>
- <a class="dropdown-item" href="#">Separated link</a>
- </div>
- </div>
- <input type="text" class="form-control" aria-label="Text input with dropdown button">
- </div>
解决方法
它是在css中完成的.做那样的事情：
- .dropdown-toggle:after { content: none }