如何自定义或者修改layui的open组件的样式

这里官网已经写的很详细了，我只不过是再说的白话一些。

下面是具体步骤

1. 首先open组件有一个属性是skin，这个属性就是自定义修改样式的关键
2. skin的属性值是demo-class，也就是你的css的类名，这个你想起什么名字都无所谓，只是一个值而已
3. 最后看下面代码，css部分，直接设置了title btn等样式，可以直接复制到项目中根据需要修改

//单个使用
layer.open({
  skin: 'demo-class'
});
//全局使用。即所有弹出层都默认采用，但是单个配置skin的优先级更高
layer.config({
  skin: 'demo-class'
})
//CSS 
body .demo-class .layui-layer-title{background:#c00; color:#fff; border: none;}
body .demo-class .layui-layer-btn{border-top:1px solid #E9E7E7}
body .demo-class .layui-layer-btn a{background:#333;}
body .demo-class .layui-layer-btn .layui-layer-btn1{background:#999;}
…
加上body是为了保证优先级。你可以借助Chrome调试工具，定义更多样式控制层更多的区域。