什么是layui open按钮
layui（里面常用的几个组件如：table,layer,form等）是一个全新的采用自身模块规范编写的前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，极低门槛，拿来即用。而layui open按钮就是其中的一个按钮类型，主要用于打开新的弹出层进行操作。
如何更改layui open按钮颜色
更改按钮颜色，必须理清楚layui button所对应的样式类。该类包含两个，一个是layui-btn，一个是layui-btn-[theme]。其中，layui-btn表示按钮的固定样式，layui-btn-[theme]表示按钮的色系。
<button class="layui-btn layui-btn-primary">原始按钮</button>
在LayUI 2.x 对按钮的默认颜色同时进行了升级，他提供了多种颜色，分别为：default、primary、normal、warm、danger，依次代表默认、提醒、普通、暖色和危险。
因此，如果想要修改按钮颜色，则必须要按照layui-btn-[theme]的格式，比如：layui-btn-normal
<button class="layui-btn layui-btn-normal">正常按钮</button>
更改open按钮的颜色需注意的事项
颜色样式的选择
在选择样式的时候，要注意其代表的颜色，以免与网站的风格不相符。特别是在使用主题色的时候，一定要注意与网站主题的整体搭配
示例代码:
<button class="layui-btn layui-btn-danger">危险按钮</button>
<button class="layui-btn layui-btn-normal">正常按钮</button>
<button class="layui-btn layui-btn-warm">暖色按钮</button>
按钮的大小
同样的按钮在不同的尺寸下表现的效果也不同。Layui open按钮默认大小为普通，它的类名是layui-btn-lg。如果要更改按钮的大小，可以如下进行操作
示例代码:
<button class="layui-btn layui-btn-lg layui-btn-normal">大号按钮</button>
<button class="layui-btn layui-btn-sm layui-btn-normal">小号按钮</button>
<button class="layui-btn layui-btn-xs layui-btn-normal">迷你按钮</button>
按钮的不同状态
突出按钮的重要的作用，就是可以以不同的状态做突现显示，以更明确表达当前操作的状态。如果想要设置不同状态下的按钮，则需要使用不同的样式
示例代码:
<button class="layui-btn layui-btn-primary layui-btn-disabled">禁用按钮</button>
<button class="layui-btn layui-btn-primary layui-btn-loading" lay-filter="test">加载中...</button>
<button class="layui-btn">正常按钮</button>
开源协议
layui开源版权协议是LGPL 2.1, 相比较其他协议，这个协议的优点在于如果你没有对Layui进行修改（美化皮肤不算修改），可以不用公开源代码，而且LGPL协议和MIT协议相似，因此你在使用layui的同时，也可以不用担心因为版权问题而约束自己的使用。
结语
通过以上内容，我们可以快速了解如何更改LayUI open按钮的颜色，同时还可以了解到不同状态的按钮展现和开源协议方面的一些内容。最后，建议大家多加练习，做出好看的Web页面。