javascript - 在 Datatable javascript 中更改 ColVis 样式

Question

我想为 ColVis.js 文件中的“隐藏/显示列”标签提供背景颜色，我需要在哪里进行更改？

Answer 1

这些按钮样式都是 CSS 定义的。只需更改定义它们的 ColVis CSS 文件中的 CSS。

这是官方和正当的方式，因为这些都是风格。

而不是 css 更改是否有可能在视图页面 jquery 中进行更改，即使用 this,$('#example').datatable({});

您不会在数据表初始化中更改它，因为这是修改 ColVis JS 参数并控制插件功能的 JS，而不是它的外观。

Answer 2

看起来您可以在 extras/ColVis/media/css/ColVis.css 中编辑按钮的 css

.ColVis_Button {
    position: relative;
    float: left;
    margin-right: 3px;
    padding: 3px 5px;
    height: 30px;
    background-color: #fff; /* here */
    border: 1px solid #d0d0d0;
    cursor: pointer;
    *cursor: hand;
}

真的看不到使用 api 或选项的方法。

我想你可以这样做：

$('.ColVis_Button').css("background-color", "red");