Javascript 如何更改jQuery验证Popover的颜色

我正在尝试实现，它工作得非常完美…除了弹出框显示为白色，而不是插件演示页面上出现的软红色

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

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

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

你可以看看我在试什么

我使用的是最新版本的Bootstrap3、jQuery和jQuery验证。你知道我在这里遗漏了什么吗

谢谢

---

维克多·埃斯皮纳（Victor Espina）

这种css风格似乎很管用

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

---

请在JSFIDLE上查看它。

您需要指定附加的css属性

例如：.popover.right>.arrow和.popover.right>.arrow:after

调整代码：

试试这个 加上

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

请参阅工作示例：-

使用引导工具提示：并在电子邮件的focusout函数中验证条目，如果失败，则调用引导工具提示以显示错误

确保正确导入jquery和引导Java脚本，否则它们可能冲突或无法工作

-更新-

我做了更多的更改来自定义工具提示

只需将以下CSS更改为您喜欢的内容：

.tooltip-inner {
    max-width: 500px;
    background-color: #E4F1FF;
    color: #4D4D4D;
    padding: 4px 10px;
    opacity: 1 !important;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #E4F1FF;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.tooltip-arrow {
    border-color: #FFFFFF;
}
.tooltip.in {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

---

是的，只是选择器的特殊性导致了问题！有用的信息，但这根本不能回答问题。@JacobRaccuia在演示中，当你聚焦在电子邮件文本框中时，你立即得到了消息，而在他的代码中你没有。其他一些人解决了他的问题。我在FocoOut部分做了说明，在你的答案中加入css解析，你会得到最好的答案@雅各布·拉库亚：我做了改变。

.tooltip-inner {
    max-width: 500px;
    background-color: #E4F1FF;
    color: #4D4D4D;
    padding: 4px 10px;
    opacity: 1 !important;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #E4F1FF;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.tooltip-arrow {
    border-color: #FFFFFF;
}
.tooltip.in {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}