【问题标题】:How to style the arrow in a bootstrap popover?如何在引导弹出窗口中设置箭头样式?
【发布时间】:2017-08-24 21:48:09
【问题描述】:

当用户单击联系人链接时,我会启动一个引导弹出窗口。我设法设置了弹出框本身的样式,但无法弄清楚指向链接的小箭头的样式。

那个元素是什么?什么是班级?我无法在 F12 工具中捕捉到它,因为当我尝试检查元素时它总是消失。

基本上我希望箭头的背景颜色与弹出框相匹配。

【问题讨论】:

  • 真的吗?我想您已经运行了代码,您不能打开开发工具并检查特定元素以了解如何使用 css 定位它吗?如果需要悬停,只需右键单击触发它的节点并激活悬停选项。
  • @Vivick 不,因为弹出框在失去焦点时会消失。
  • React :tm: 方法是什么?

标签: css twitter-bootstrap-3


【解决方案1】:

就像这个possible duplicate中指出的那样,你想使用这个css规则:

.popover.top > .arrow:after{
  /*stuff here*/
}

【讨论】:

  • 谢谢。实际上是.popover.bottom > .arrow:after {border-bottom-color: #4d4d4d;},但你让我走上了正确的道路!
  • 是的,我想这取决于弹出的方向 x)!作为一个借口,我会说我从未使用过引导程序。
猜你喜欢
  • 2017-09-14
  • 2012-10-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多