How to modify the color of the popup layer button in layui

layui method to modify the color of the pop-up layer button: first open the corresponding code file; then set the pop-up layer button style in the page "

The operating environment of this tutorial: Windows 7 system, layui version 2.4. This method is suitable for all brands of computers.

Recommended: "javascript basic tutorial""layUI tutorial"

How to set the popup layer button in layui:

layer.open({
  skin: 'demo-class',
  content: '确认提交？',
  btn: ["取消", "确认"],
  yes: function (index) {
    layer.close(index)
  },
  btn2: function (index) {
    somefunciton...
  }
});
 
//在页面style中定义按钮css样式
<style>
 body .demo-class .layui-layer-btn0{
  border-color: #E6E3E6;
  background-color: #FFF;
  color: black;
 }
 body .demo-class .layui-layer-btn1{
  border-color: #4898d5;
  background-color: #2e8ded;
  color: #fff;
 }
</style>

Set the popup layer button style in the page

The above is the detailed content of How to modify the color of the popup layer button in layui. For more information, please follow other related articles on the PHP Chinese website!