删除圆角时，引导弹出箭头修正

Question

我已经设置了Bootstrap 3弹出设计here。

我已使用以下代码删除了border-radius：

.popover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    max-height: 50%;
    overflow-y: auto;
}

这导致箭头从视图中消失。我想保留箭头。尝试了很多这里提供的解决方案，但无法做到正确。我该如何更正我的代码？

Answer 1

导致问题的是溢出。如果要设置自定义高度，请在.popover-content

上执行此操作

见这里：http://www.bootply.com/esSpOuWbLb

Answer 2

问题不在于删除圆角。

由于溢出-y：自动; 您遇到此问题

.popover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    max-height: 50%;
    overflow-y: auto;
}

解决方案：

.popover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    max-height: 50%;
}
.popover-content{
  height: 80px;
  overflow-x: hidden;
  overflow-y: scroll;
}