Bootstrap 4 Popover箭头轮廓

时间:2018-08-24 17:24:42

标签: css bootstrap-4 pseudo-element

我找到了100个不同的答案,但似乎都没有用。我试图摆脱Bootstrap 4 popover箭头上的轮廓。我尝试了所有我能想到的伪目标。我正在使用底部弹出窗口。任何帮助都非常感谢。

enter image description here

2 个答案:

答案 0 :(得分:1)

您可以尝试以下方法吗? Atleast正在他们的网站上工作。

lst <- list(q w, t)
unlist( lapply(2:3, function(i) combn(lst, i, 
    FUN = function(x) do.call(paste, c(expand.grid(x), sep = " & ")), 
         simplify = FALSE)))

.popover .arrow::before {
   border-bottom-color: white; /* might need to add !important */
}
$(function () {
  $('[data-toggle="popover"]').popover()
})
.popover .arrow::before {
   border-bottom-color: white !important;
}

答案 1 :(得分:1)

这应该有效:

.popover .arrow:before {
    border-color: transparent;
}

或者,如果您使用引导程序变量:

$popover-arrow-outer-color: transparent;