How to style the search input feature under 'searchFieldStyle' using CSS Pseudo classes

[daveclinton]

I am trying to customize the search input feature but I am not able to find the right way to add the pseudo classes style so that it can match my intended design.
I am getting an arror saying:
No overload matches this call. Overload 1 of 2, '(props: MaterialTableProps<any> | Readonly<MaterialTableProps<any>>): MaterialTable<any>', gave the following error. Type '{ border: string; borderRadius: string; padding: string; '&:active': {}; }' is not assignable to type 'Properties<string | number, string & {}>'. Object literal may only specify known properties, and ''&:active'' does not exist in type 'Properties<string | number, string & {}>'. Overload 2 of 2, '(props: MaterialTableProps<any>, context: any): MaterialTable<any>', gave the following error. Type '{ border: string; borderRadius: string; padding: string; '&:active': {}; }' is not assignable to type 'Properties<string | number, string & {}>'. Object literal may only specify known properties, and ''&:active'' does not exist in type 'Properties<string | number, string & {}>'.ts(2769) (property) '&:active': {}