Css 样式化数据表“；搜索“；

我正在尝试设置“搜索”及其相关输入的样式，但它不会响应

当我检查元素时，我可以看到DataTableFilter和info的样式是相同的。我的CSS更改（字体大小）应用于表下的信息，但搜索文本和输入不配合。我使用.6rem作为字体大小，以轻松验证是否应用了字体大小

这就是我所补充的（我尝试了使用和不使用“div”）：

我确保自定义CSS文件是在datatable自己的CSS之后加载的

还尝试：

$('.dataTables_filter input[type="search"]').css(
    {'font-size': '.6rem'}
);

以及：

使用此选项：

div.dataTables\u过滤器>标签>输入{
字体系列：Arial，无衬线；
字体大小：.6em；
}

…对我有用

使用css选择器，如

.dataTables\u filter>输入将不起作用。它假定输入是
dataTables\u filter
div的直接子级（
），但它不是，因为有一个插入的
元素：


您应该能够避免使用
！重要信息
，也是这样。
您可以发布演示的链接或在此处创建一个链接吗？这是一个内部网应用程序。尝试了一些其他事情并编辑了问题除非我们直接查看代码，否则很难回答。其他任何东西都可以覆盖它。令人困惑的是，为什么表底部的datatable信息更改字体，而不是“搜索”文本或输入。我将进一步查看是否有任何其他对datatable“filter”的引用；不适用于我，但.dataTables\u wrapper.dataTables\u info、.dataTables\u wrapper.dataTables\u filter>label.dataTables\u filter>label>input适用于信息和输入，但不适用于标签本身（“搜索”文本）可以理解。使用您的方法会给我一个使用较小字体显示的标签（即，它对我正确工作）。另外，
对您不起作用这一事实表明您有一些不同于标准/普通数据表布局的东西。
$('.dataTables_filter input[type="search"]').css(
    {'font-size': '.6rem'}
);

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_filter > label, .dataTables_wrapper .dataTables_filter > input {
    font-family: Arial, sans-serif;
    font-size: .6em;
}