使用 DataTables,我无法控制生成的 HTML。它会自动生成:
<div class="dataTables filter" id="categories_filter">
<label>
Search:
<input type="text" aria-controls="categories">
</label>
</div>
似乎没有任何方法可以关闭<input>
标签或将其移出<label>
标签。
当我不添加任何 CSS 时,它会读取 DataTables 自动包含的 CSS,它将“搜索:”放在搜索框上方,而不是左侧。每当我尝试将自动生成的 CSS 粘贴到此框中时,此网页都会出现,但这里它位于 Gist中。
使用 CSS 和现有的 HTML,我现在试图让“搜索:”这个词出现在搜索框的左侧,但没有成功。
使用 SCSS,我最近的尝试是:
.dataTables_filter label {
display: inline;
float: none;
text-align: right;
input {
display: inline-block;
float: none;
}
}
编译为:
.dataTables_filter label {
display: inline;
float: none;
text-align: right;
}
.dataTables_filter label input {
display: inline-block;
float: none;
}
自动包含的 CSS 文件是: