Необходимо переопределить оба стиля для MUIDatatable, используя последний Material UI v4 для строки ввода поиска, не сфокусированной / сфокусированной

Question

Кажется, я не могу переопределить стилизацию для этой конкретной части MUIDatatable.

Я не уверен, как сделать этот звонок, и я новичок, чтобы реагировать / материальный интерфейс.

Блок кода, в котором он находится, является входным. Я могу переопределить текст этого конкретного ввода, сделав это

MuiInput: {
      root: {
        color: "#eee",
      },
    },

В результате я смогу изменить сфокусированный цвет для поиска и несфокусированный цвет по умолчанию для строки ввода.

Вот где мне нужно стиль:

Answer 1

Как указано в этой проблеме Github, вы можете добавить к объекту еще одно свойство:

   "&$focused": { 
      color: "blue"
    }

Другой вариант - определить собственные классы, прикрепленные к MuiInput, и установить свои собственные правила CSS с помощью !important.