Layui中layer弹出层右上角X关闭按钮样式修改

由于项目刚好用到layer弹出层，于是我使用了layer.open()做了一个页面层的弹出效果，但是在做的过程中我发现右上角的关闭按钮并不是自己想要的样式，于是对以下代码进行了修改。

修改前的关闭按钮样式：

修改后的关闭按钮样式：

修改前代码：

//页面层
   layer.open({
            type: 1,
            title:false,
            skin: 'layui-layer-demo', //样式类名
            area: ['420px', '240px'], //宽高
            content: 'html内容',
            success: function (layero, index) {
                layero[0].childNodes[1].childNodes[0].removeAttribute('href');
                layero[0].childNodes[1].classList.add('cursorStyle');
            },
        });

修改后代码：

 //页面层
        layer.open({
            type: 1,
            title:false,
            area: ['420px', '240px'], //宽高
            skin: 'layui-layer-demo', //样式类名
            content: 'html内容',
            success: function (layero, index) {
                layero[0].childNodes[1].childNodes[0].removeAttribute('href');
                layero[0].childNodes[1].classList.add('cursorStyle');
                layero[0].childNodes[1].childNodes[0].classList.remove('layui-layer-close2');
                layero[0].childNodes[1].childNodes[0].classList.add('layui-layer-close1');
            },
        });

两段代码区别主要在成功回调时，下面的代码去掉了一个类名，并且又新增了一个类名