css - 样式化 Bootstrap 工具提示上的箭头

标签 css twitter-bootstrap tooltip

<分区>

我正在尝试使用

.tooltip-inner{}

但我遇到了麻烦,因为我找不到如何设置工具提示小箭头的样式。

如屏幕截图所示,工具提示的箭头是黑色的,我想为其添加新颜色:

enter image description here 有什么建议吗?

最佳答案

您可以使用它来更改工具提示箭头的颜色

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000; /* black */
  border-width: 0 5px 5px;
}

关于css - 样式化 Bootstrap 工具提示上的箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15383440/

相关文章:

javascript - Twitter Bootstrap 2 模式表单对话框

css - 在独立的 SVG 文件中,是否可以仅使用 CSS 将一个对象相对于另一个对象定位?

javascript - Internet Explorer 中的 jQuery UI 对话框和 maxHeight

javascript - Bootstrap Navbar 下拉菜单不工作 Rails

css - 在顺序媒体查询中使用最大宽度和最小宽度的优点?

jquery - Bootstrap 崩溃需要点击两次才能在 Joomla 网站上打开

css - Bootstrap 3 按钮总是在选项卡右下角?

tooltip - highcharts 工具提示文本对齐

jquery - 简化冗余的 jQuery 代码

html - 使用 CSS3 变换后的溢出行为