css - 样式化引导数据表搜索过滤器

Question

我想在我的数据表中设置搜索过滤器的样式，以便标签和输入字段出现在一行上。

现在它看起来像这样：

这是我可以通过控制台看到的搜索过滤器的代码。

<div class="dataTables_filter" id="ads-table_filter">
<label>
"Search: " 
<input type="text" aria-controls="ads-table">
</label>
</div>

我怎样才能做到这一点？

Answer 1

<style>
.dataTables_filter {
    white-space:nowrap;
}

.dataTables_filter label, .dataTables_filter input {
    display: inline-block;
}
</style>

<div class="dataTables_filter" id="ads-table_filter">
    <label>Search :</label>
    <input type="text" aria-controls="ads-table"/>
</div>