How to remove highlighted box

[undercoverfresh]

How to remove search highlighted box when you press it on mobile 

url knmb1c-pf.myshopify.com

password samurai 

[Huptech-Web]

Hi @undercoverfresh 
Please add below code to theme.liquid it will remove the highlighted box

<style>
details-modal.header__search:focus-visible {
    outline: unset;
    box-shadow: none;
}
</style>

[undercoverfresh]

Where in theme.liquid should i add this code?

[Huptech-Web]

Hi @undercoverfresh 
You can add it before </head>

[undercoverfresh]

Tried it didn’t work 

[Huptech-Web]

Hi @undercoverfresh 
Can you please update the code with the below

I have updated the code; can you please check it now?

<style>
details-modal.header__search:focus-visible{
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-focus-ring-color: transparent !important;
}
details-modal.header__search:focus,
details-modal.header__search:focus-visible,
details-modal.header__search:active,
details-modal.header__search:focus-within {
    outline: none !important;
    box-shadow: none !important;
}

</style>

[undercoverfresh]

tried new code as well didnt work

[Huptech-Web]

Hi @undercoverfresh 
Check my previous answer I have updated the code.

[undercoverfresh]

Also tried the previous doesn't work im on dawn 15.2.0