不管是覆盖layui框架的原有CSS样式，还是覆盖任何页面的原有样式，思路都是一样的，找到原样式，新增自己的样式，css层级保持一样，且把自己的样式放到原样式的后面
工具/原料
vscode
方法/步骤
2
在layui主页，点击【立即下载】，下载后包含css、font、images、lay、js等等文件
3
打开vscode新建一个h5规范的页面，并将jquery、layui.css、layui.js三个文件拷贝到页面同级目录，然后，在页面中引入这三个文件
4
从layui主页的【示例】中找一个按钮的样式，并将html代码拷贝到上一步新建的页面中
5
在浏览器中打开新创建的H5页面，就可以看到layui原始的按钮主题样式
6
在浏览器中按F12，选中第一个按钮，可以看到右侧layui-btn-primary这个样式主要用来控制它的效果，因此，在页面中添加新样式覆盖到这个样式的背景色
7
在浏览器中运行可以看到第一个按钮的背景色样式被覆盖了，而且，在开发者模式下看到，原始的背景色样式被划掉了，新的覆盖的样式也显示出来了
注意事项
1
新的样式文件需要在原始样式文件的后面引入页面才能覆盖
2
新的样式优先级至少要与原始样式优先级一直才能覆盖掉原有样式
上一篇：VS2015如何修改背景颜色
下一篇：PS切片工具怎么使用？