Sweet alert 内容在 ie11 中悬停时移动

Question

gif of what is happening

悬停时swal的内容向上然后向下移动，标题设置为等于空格

<h2 class="swal2-title" id="swal2-title" style="display: flex;"></h2>

style in internet explorer

swal.fire({
            title: ' ',
            text: sText,
            showCancelButton: true,
            showConfirmButton: true,
            confirmButtonText: i18n.t('["GENERAL"]["BUTTON.CONFIRM"][0]'),
            cancelButtonText: i18n.t('["GENERAL"]["BUTTON.CANCEL"][0]'),
            confirmButtonColor: '#fe792c',
            reverseButtons: true
        }
)

Answer 1

而不是空的 space，我使用了“
”。解决了移动 ui 问题

Sweet alert 内容在 ie11 中悬停时移动

Sweet alert Content moves on hover in ie11

internet-explorer-11

sweetalert2