How to remove the focus shadow

Question

I am attempting to recreate the Google search homepage. I try to remove the shadow that appears when it is focused, then I realized I couldn't remove it.

Answer 1

it is done by
input:focus { box-shadow : none ;} or changing anything tgere is in input search you can replace the selector but why you want to remove it it's good the color you see when you select a input is not a normal color many ui experts experimented and got that perfect blend effect.

Answer 2

remove transparent;