yadcf 外部过滤器下拉列表始终被选中

Question

我想不通。为什么在我 select 个项目之后下拉菜单标记为蓝色？这是一个错误吗？下拉列表由 yadcf 生成，它是 jquery 数据表的插件。我错过了什么吗？

示例代码：http://plnkr.co/edit/kpQabGuM6HYRPiI1Av1E?p=preview

$(document).ready(function() {
    var table = $('#example').DataTable({
        "bLengthChange": false
    });

    yadcf.init(table, [
        {
            column_number: 1,
            filter_type: "select",          
            filter_container_id: "ddl",
            filter_delay: 500,
            filter_reset_button_text: false,
            style_class:"form-control"          
        },
        {
            column_number: 2,
            filter_type: "select",
            filter_delay: 500,
            filter_reset_button_text: false
        }
    ]);
});

Answer 1

这不是错误，这是一个功能！

正如您在 jquery.dataTables.yadcf.css 文件中看到的那样，有一部分；

.inuse, .ui-slider-range .inuse, .yadcf-filter-range-number-slider .inuse {
    background: #8BBEF0;
}

如果您不想要这种蓝色，只需在您的代码中用 white 颜色覆盖它。

<style>
.inuse, .ui-slider-range .inuse, .yadcf-filter-range-number-slider .inuse {
    background: #FFF;
}
</style>

您可以在此处查看工作示例：Plunker

yadcf 外部过滤器下拉列表始终被选中

yadcf external filter dropdown always selected

jquery

datatables

yadcf