再會，我的 html-body 的字體顏色通過帶有以下代碼的 css 文件進行更改：body { background-color: #6d6a6a; color: white;}現在我已經包含了一個 Bootstrap-Popover ......<button type="button" class="btn btn-sm btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>...以及必要的腳本...<script> $(function () { $('[data-toggle="popover"]').popover() })</script>但是由于我的 css 文件，我的 popver 中的某些文本部分（準確地說是“標題”）也呈現為白色！我對javascript真的很陌生，所以有可能 - 如果可能的話，最好的解決方案是什么 - 將我的 Popover 中的字體顏色更改為黑色？感謝大家！
2 回答
牛魔王的故事
TA貢獻1830條經驗 獲得超3個贊
如果您的 css 沒有動態更改，則僅使用 css
.popover .popover-content,.popover .popover-title {
color: red;
}
但是如果你動態地改變你的身體，那么你可以為你的彈出框添加類。Popover 總是.popover作為類名，所以你可以
$(document).ready(function () {
$(function () {
$('[data-toggle="popover"]').popover()
});
});
function popchange(){
setTimeout(function () {
$(".popover").addClass('popover-danger');
}, 10);
}
.popover-danger {
color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<button type="button" class="btn btn-sm btn-danger" data-toggle="popover"onclick="popchange()" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
添加回答
舉報
0/150
提交
取消