Html 如何在应用CSS的情况下使用Sweetalert？
我试图使用Sweetalert 2（）库在页面上弹出警告消息。甚至，我认为我正确地链接了CSS文件，警告消息以纯文本显示。CSS规则不适用 我已经准备了一个只有警告信息的最小页面，以排除其他原因，但没有任何改变 这是头部Html 如何在应用CSS的情况下使用Sweetalert？,html,css,sweetalert2,Html,Css,Sweetalert2,我试图使用Sweetalert 2（）库在页面上弹出警告消息。甚至，我认为我正确地链接了CSS文件，警告消息以纯文本显示。CSS规则不适用 我已经准备了一个只有警告信息的最小页面，以排除其他原因，但没有任何改变 这是头部 <head> <script src="js/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8">&l
<head>
<script src="js/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/sweetalert2@8/dist/sweetalert2.min.css">
</head>
<body>
<script>
$(document).ready(function () {
Swal.fire({
type: 'question',
title: 'Oops...',
text: 'Something went wrong!',
footer: '<a href>Why do I have this issue?</a>'
})
});
</script>
</body>
$（文档）.ready（函数（）{
喷火({
键入：“问题”，
标题：“哎呀……”，
短信：“出了点问题！”，
页脚：“”
})
});
我希望警告消息应用了CSS，但显示的字体很难看，没有CSS。我用F12检查了控制台，没有错误。浏览器可以访问所有必需的文件。您的实现没有问题。SweetAlert2使用
字体系列：继承，因此它将采用父字体
要解决此问题，只需相应地设置
的字体系列
Swal.fire({
键入：“错误”，
标题：“哎呀……”，
短信：“出了点问题！”，
页脚：“”
})
正文{
字体系列：“开放式SAN”—苹果系统、BlinkMacSystemFont、“Segoe UI”、Roboto、Oxygen Sans、Ubuntu、Cantarell、“Helvetica Neue”、Helvetica、Arial、Sans serif；
}
这解决了尼丁的问题。非常感谢。但是我已经看到Sweetalert2与Bootstrap不太匹配。Bottstrap的CSS覆盖了Sweetlart，还需要采取进一步的措施来纠正此问题。我现在正在调查，但你的回答是准确的。