Jquery Datatables：在过滤器输入字段上设置类

如何在datatables插件的“搜索”字段中设置类。我也在使用jQueryUI主题

        $('#idSmovData').dataTable( {
             "sScrollY": "600px"
            ,"bPaginate": false
            ,"bFilter": true
            ,"bJQueryUI": true
            ,"bInfo": false
            ,"bSort": false
        });

---

您可以使用

ostdclass

$.fn.dataTableExt.oStdClasses["sFilter"] = "my-style-class";

然后使用常规css以搜索输入字段为目标：

.my-style-class input[type=text] {
     color: green;
}

有关更多详细信息，请参阅本节

$('div.dataTables_filter input').addClass('form-control');
$('div.dataTables_length select').addClass('form-control');

---

例如，我将引导类

表单控件添加到过滤器输入和长度选择中。
谢谢。不得不改变使用OjuiClass，但最终还是实现了。@Keith sFilter实际上是OSTDClass的一个属性。但是，在扩展oStdClasses时可以使用oJUIClasses。在您引用的datatables样式链接上，它说：$.fn.dataTableExt.oStdClasses-当bJQueryUI为false时使用$.fn.dataTableExt.oJUIClasses-当bJQueryUI为true时使用。当我使用“bJQueryUI”时：是的，我假设我需要使用OJUIClass。oJUIClasses是否有一个等效的sFilter，或者我遗漏了什么？$.fn.dataTableExt.oJUIClasses[“sFilter”]=“我的样式类”；应该也行。我只是想指出，这个答案并不能完全回答OP中提出的问题，尽管基思似乎很满意。问题是如何将类应用于输入，而不是如何设置其样式。不同之处在于，在设计数据表的样式以使用现有的CSS框架（如Bootstrap）时，可能需要“input small”之类的东西作为输入字段本身的类。这正是我所需要的！在jquery.datatables.css中，为selection.datatables_wrapper.datatables_filter输入（行：288）添加边框：solid#ddd 1px；边界半径：5px；或者随便你喜欢什么。