更改过滤器标题中占位符文本的 CSS

Question

我正在尝试更改制表符中“过滤器”的 CSS。我想更改文本的大小和颜色，但什么也没发生。

这就是我显示列的方式：

{ title: 'Folder', field: 'title', width: '80%', formatter: '', align: 'left', headerFilter: 'input', headerFilterPlaceholder: 'Search Title', headerSort: false, sorter: '' },
{ title: 'Files', field: 'files', width: '20%', formatter: '', align: '', headerFilter: '', headerFilterPlaceholder: '1', headerSort: false, sorter: '' }

我已经尝试过以下 CSS：

.tabulator-header-filter{
    font-size:10px;
    color: #F01;
}
.tabulator-placeholder{
    font-size:10px;
    color: #F01;
}
.tabulator{
    font-size:10px;
    color: #F01;
}

Answer 1

您必须为文本框的占位符文本使用特定的 CSS 选择器。

.tabulator-header-filter input::placeholder {
    font-size: 150%;
    color: green;
}