为什么我的引导弹出窗口在白色背景上显示浅灰色文本？答案

【问题标题】：Why is my bootstrap popover showing light grey text on white background?为什么我的引导弹出窗口在白色背景上显示浅灰色文本？
【发布时间】：2014-03-17 20:35:56
【问题描述】：

为什么我的弹出窗口中的文本在白色背景上显示为浅灰色？有没有办法将弹出窗口中的文本覆盖为黑色？我认为它是从样式标签中获取样式，但我想覆盖弹出窗口的颜色。

这是一个使用弹出框的 sn-p：

<tr style="background:#5789c6; color:#FFF;">
<th>{{ Help.SUPPORTING_READS }}
    Supp. Reads (#)
</th>

这是 JS：

<script>
    // Turn tooltips and popovers on
    $(function () {
        options = {
            delay: { show: 500, hide: 100 }, 
            trigger:'hover', 
            placement: 'top', 
            html: true,
        }
        $("[rel='tooltip']").tooltip(options);
        $("[rel='popover']").popover(options);
    });
</script>

【问题讨论】：

标签： twitter-bootstrap popover

【解决方案1】：

我刚刚检查了引导弹出框 (http://getbootstrap.com/javascript/#popovers)，看起来名为 popover-content 的 div 负责样式：

.popover-content {
padding: 9px 14px; // that is bootstrap default
background: #5789c6;
color: #FFF;
}

这给了我一个带有白色文本的灰色弹出框。你是这个意思吗？

【讨论】：