Question

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

这是一个使用popover的片段：

<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>

Answer 1

我刚检查了bootstrap popovers（http://getbootstrap.com/javascript/#popovers），看起来像 popover-content 的div负责样式：

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

这给了我一个带有白色文字的灰色popover。那是你的意思吗？

为什么我的bootstrap popover在白色背景上显示浅灰色文字？

1 个答案: