在以Jquery为前端基础的实战项目中,曾经是以layer.js,datatables.js与之相辅助,所以或多或少会出现一些样式无法改动的问题,希望下面的这篇文章对您会有一些帮助哦!
layer.js弹出框
在一些表格操作的过程中,会有一些小弹出框的样式需要改变,例如弹出框的标题栏需要缩短或者是增长,就可以到公共文件的样式中找到".layui-layer-title"中加上
.layui-layer-title{
height:45px !important;
padding:0 20px 0 80px;
overflow:hidden;
border-bottom:1px solid lightgray;
……
}
如果弹出框里面会有一些按钮的细微改变:
假如要改变按钮的样式也是需要在公共样式中找到.layui-layer-btn部分的代码,如果是改变第一个按钮,那么就需要找到.layui-layer-btn .layui-layer-btn0: ;依次这样,那么第二个按钮就是.layui-layer-btn .laui-layer-btn1: ;依次等等。
在一些受干扰的情况下即使特定也不会改变其样式,所以需要在parent.layer.js中加上skin:’.demo-class’,然后在相应的样式中加上‘.demo-class’,这样就加上了权重,就相当于加上了’!important‘,就不被一些小插件所打扰了。
总之一些不可被改变的样式问题如果短时间之内查找不到它的所在位置,就到公共样式中去看一看吧,肯定会有意想不到的收获的