Javascript 如何在悬停模式弹出窗口中更改字体大小

嘿，我正在创建一个悬停模式显示的按钮，所以我用下面的代码成功地创建了该部分：

$document.readyfunction{ $'[data toggle=popover]'。popover{ 位置：'顶部'， 触发器：“悬停” }; };

---

要使字体大小变小，最简单的方法可能是在应用于文本的css类中添加字体大小属性，您可以通过在浏览器中右键单击->inspect元素来找到该属性

至于将弹出窗口显示在右侧而不是上方，只需更改即可

placement: top

到

---

如果您正在为popover使用引导，则需要在CSS中使用javascript生成的元素类，以便访问样式的标题

根据库版本的不同，它可能是.popover标题或.popover标题：

.popover-title {
    font-size: 15px;
}

对于放置问题，您将在通过Javascript启用popover时在选项中进行更改：

$('[data-toggle="popover"]').popover({
    placement : 'right',
    trigger : 'hover'
});

针对以下评论进行更新： 一些潜在的解决方案

1确保CSS文件包含在包含需要覆盖的样式的文件之后

2右键单击并检查元素，以查看需要覆盖的现有样式规则。如果需要更具体地访问.popover标题，可能需要将父元素添加到CSS中：

.popover .popover-title {
    font-size: 15px;
}

3最后手段？超控！重要的是要确保您的造型优先考虑：

.popover .popover-title {
    font-size: 15px !important;
}

---

使用inspect元素检查css。如果您知道要编辑的元素的标识符id/类，您可以使用JS/jQuery将其作为目标并对其进行更改。正如@Rafee所提到的，检查Chrome开发工具中的元素标识符，它应该是.poover标题，但我尝试了它，但它不起作用

.popover .popover-title {
    font-size: 15px !important;
}