【问题标题】:Bootstrap popover change full background [duplicate]Bootstrap弹出窗口更改完整背景[重复]
【发布时间】:2015-02-13 11:12:29
【问题描述】:

当我尝试更改弹出框背景颜色时,我得到的问题是不是完整的弹出框正在使用该背景(指向扬声器的三角形):

我的 CSS:

.popover-content {
    background-color: #FCD086;
    font-size: 10px;
}

【问题讨论】:

  • 三角形很可能是由伪元素 :after 完成的。所以你需要检查它并改变它的样式。

标签: jquery html css twitter-bootstrap


【解决方案1】:

你也应该改变这个 css:

    .popover.top .arrow:after {
      bottom: 1px;
      margin-left: -10px;
      border-top-color: #FCD086; /*<----here*/
      border-bottom-width: 0;
      content: " ";
    }

【讨论】:

  • 我会放弃.top,所以无论弹出窗口打开的方向如何,它都可以工作。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-12-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-09-11
  • 2016-05-25
  • 2011-04-25
相关资源
最近更新 更多