Confirm确认框怎么自定义样式？

function customConfirm(message, callback) {

    // 创建遮罩层

    var overlay = document.createElement('div');

    overlay.style.position = 'fixed';

    overlay.style.top = '0';

    overlay.style.left = '0';

    overlay.style.width = '100%';

    overlay.style.height = '100%';

    overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';

    overlay.style.display = 'flex';

    overlay.style.justifyContent = 'center';

    overlay.style.alignItems = 'center';



    // 创建确认框

    var modal = document.createElement('div');

    modal.style.backgroundColor = '#fff';

    modal.style.padding = '20px';

    modal.style.borderRadius = '5px';

    modal.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.1)';



    // 添加消息和按钮

    modal.innerHTML = '
' + message + '
OKCancel';

    overlay.appendChild(modal);

    document.body.appendChild(overlay);



    // 绑定事件

    document.getElementById('confirmBtn').addEventListener('click', function() {

        document.body.removeChild(overlay);

        if (callback) callback(true);

    });



    document.getElementById('cancelBtn').addEventListener('click', function() {

        document.body.removeChild(overlay);

        if (callback) callback(false);

    });

}



// 使用方法

customConfirm('确定要删除吗？', function(result) {

    if (result) {

        console.log('用户点击了确定');

    } else {

        console.log('用户点击了取消');

    }

});

  


    


    


      取消

      确定