javascript - 如何自定义 Bootstrap 工具提示弹出窗口的文本字体大小？

Question

我有一个弹出窗口，当您将鼠标悬停在信用卡上时，它会告诉您信用卡的 CVV 代码在哪里问题是文本默认值太大，我似乎找不到在哪里可以缩小它。

我的 html 是:

 <div
     class="sprite_icons icon_creditcard_code"
     data-trigger="hover"
     aria-hidden="true"
     data-toggle="popover"
     data-placement="right"
     title="Security Code"
     data-content="This is the text I want to change i'ts really long, longer than this. 
     >
</div>

虽然我认为如果我添加一个 CSS 类是行不通的，但我会向您展示它以防万一:

.sprite_icons {
    float: left;
    background-image: url(/static/img/sprite_icons.png);
    background-repeat: no-repeat;
}

.icon_creditcard_code {
    width: 32px;
    height: 20px;
    background-position: -64px -104px;
}

Answer 1

您可以通过更改工具提示正在使用的类 .tooltip 的 font-size 来修改文本大小。

例子:

.tooltip{
   font-size: 3rem;
}