html - 将箭头添加到 Bootstrap 下拉列表

Question

我知道怎么做了。这个主题帮助我:adding the arrow to dropdown pills for twitter bootstrap?

通过添加

.dropdown-menu::after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
  border-left: 8px solid transparent;
  content: '';
}

我能够得到箭头显示。但是，箭头顶部没有边框，所以它现在看起来就像下拉菜单中的一个缺口。有谁知道如何给向上箭头添加边框？

Answer 1

为 border-top 添加规则。有点像

border-top: 8px solid white;