如何正确设置DataTable默认过滤器输入的样式？

Question

我正在尝试通过使用引导程序提供的表单控件来用js设置默认的DataTable过滤器输入样式。我已经尝试过这两种方法，并且输出结果与我预期的不一样：

js：

tablaTransacciones  = $('#tabla-transacciones');

$(document).ready( function () {
    tablaTransacciones.DataTable({
        "dom": '<"top"i><"form-control w-25"f>rt<"bottom">p<"clear">',
...

Doing so makes this happen, which obviusly isn't the output I want

我也尝试过这个：

$('.dataTables_filter').addClass('input-group-text form-control');

Which didn't work either, showing this output

关于如何实现的任何想法？