Изменить 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;
}