如何更改layui弹出层样式

首先引入插件：

js:

然后设置layui弹出层内容：

    layer.open({
      skin: 'alert-skin',//弹出层皮肤，可自定义也可用官方
      title: ['导出字段选择', 'color:rgb(139, 181, 219);'],//弹出层title,数组右半部份设置title样式
      area: 'auto',
      maxWidth: 800,
      // maxHeight:1000,
      btn: ['确认导出', '取消'],//设置底部按钮
      btn1: function () {
      },
      //content为弹出层内容
      content: "
 姓名
 身份证号
 性别
 出生日期
 户籍地址
 计生情况
 单位名称
 保险号
 起始年月
 截至年月
 身份
 缴费档次
 实缴金额
 缴费时间
 100
 状态
 已迁出
 户名
 卡号
 开户行
"
    });

设置layui的样式，这里以button为例子：

css:

  .alert-skin .layui-layer-btn0 {
    height: 30px;
    text-align: center;
    color: white;
    font-size: 12px;
    border-radius: 5px;
    width: 110px;
  }

注：这里layui-layer-btn0是弹出层下方的第一个按钮，它的类名是官方定义好的，由于直接按钮直接以 btn:['确认导出'，'取消']的方式定义，我们无法定义button的类名，所以要改变按钮的样式就直接在css中用该类名更改。