在过滤器标题中更改占位符文本的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;
}