请问组件的样式怎么全局修改

metatron

比如datatables，这个组件有一个stripe的样式可以让表格具备隔行换色的样式，我想修改这个隔行换色的颜色代码，使其更显眼一些，并且想要修改一处对所有引用datatables组件的地方都生效。到底要修改哪里。
组件的地址在system/components/datatables里，里面有4个css样式，以及datatables的js代码。我看了下jquery.datatables.css里最接近我这个需求的地方它写了三组颜色代码，分别对应奇偶行的，但是我修改了以后保存，在前台上并没有体现，是不是发布的时候被其他地方覆盖样式了？
我找到的代码部分

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
  
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}

另外，如果想实现datatables冻结标题行，怎么设置全局样式呢

jishuang

1.http://doc.wex5.com/?p=4827
2.dataTables没有这样的设置

metatron

这个文档我看过，我其实就是觉得2.3的章节应该是我想要的效果，但是落实到datatable里，他的class里是有striped也就是条纹模式的，默认的条纹选择后，数据行奇行是浅灰色，偶行是白色。我想改变的就是浅灰色的颜色代码。问题是这行代码在什么位置上？我贴的那部分代码是我翻这个组件的时候找到的jquery那个css样式里的，但我改了颜色以后回到前台看没看出效果。我不知道是怎么回事，也许是找的位置不对。

您说的没有这样的设置，但是表格里都有这种需要，我该怎么改，就是类似excel冻结首行这样的功能。

jishuang

1.http://doc.wex5.com/?p=4560#4.2
2.用gridhttp://docs.wex5.com/bex5-ui-question-list-10174/

metatron

。。。。我看了文档，在component/justep/bootstrap.min.css的2283行找到了.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f90000;
}这行代码，我已经把颜色代码改成现在这个红色了，为什么运行起来还是灰色的呢

jishuang

http://doc.wex5.com/?p=4827#2.3

metatron

好几个css文件里都有这行代码，我怎么确定我调取的到底是哪行呢，

jishuang

看6楼发的方案啊，自己定义一个css文写样式，在首页的js文件中引用啊

metatron

jishuang 发表于 2020-2-18 12:00
看6楼发的方案啊，自己定义一个css文写样式，在首页的js文件中引用啊

那这样能实现所有调用了datatables组件的页面的样式都同步更新吗

jishuang

请仔细看看连接中的说明