Html .引导优先级中的箭头类样式

我的网页中有一些表单元素，当用户出现数据库无法识别的自定义错误时，我会显示弹出框，例如小用户名之类的。我尝试使用以下方法删除popover箭头：

（相关HTML）

在我显示popover之后，箭头仍然显示，并且我的arrow类的优先级低于引导类。我已经正确地添加了样式表，即在引导表之后添加了我的样式表，但是这种情况还是发生了。（希望图像清晰）

---

我找到了一些关于如何定位arrow类的答案，它使用了类似.popover>的.arrow，但是为什么这个方法不起作用？

你能将链接发布到你的站点吗？我还没有在站点上发布任何内容。我仍在离线开发它。

<label for = "username" class = "visible-xs">Username</label>
<input type = "text" id = "username" class = "form-control in-image hidden"
placeholder = "Username" autocomplete = "off" data-container = "#one" 
data-toggle = "popover" data-placement = "auto bottom" data-content = "Username Too Short">

.popover-content {
color: red;
font-size: 15px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #ff9;
}

.arrow {
display: none;
}