javascript - 如何更改 jQuery Validate Popover 的颜色

Question

我正在尝试实现 jQuery Validate Popover plugin它工作完美...除了弹出窗口显示为白色，而不是插件演示页面上显示的柔和红色。

我一直在尝试使用 CSS 来设置它们的样式，我能够更改弹出窗口的颜色，但不能更改箭头:

.error-popover  {
    background-color: red;  <-- this works
    color:  white;
}

.error-popover .arrow:after {
    border-color: red transparent;   <-- this doesn't
}

你可以看看我在尝试什么here

我使用的是最新版本的 Bootstrap3、jQuery 和 jQuery Validate。关于我在这里缺少什么的任何想法？

谢谢

维克托·埃斯皮纳

Answer 1

这个 css 样式似乎可以解决问题!

.popover.right > .arrow:after {
    border-right-color:red;
}

查看here在 jsfiddle 上。