Remove border color on selected form field boxes (search box and others) - ENVY theme

[bp23]

Upon clicking on the search button (or any form field) the borders of the field light up blue on SOME but not all devices. I think it's whatever is the default of the device. Is there a way I can set this to be black when the fields are selected on ALL devices???

https://3qclwx31hb6khaqa-56842748069.shopifypreview.com

[diego_ezfy · Accepted solution]

@bp23,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
input:focus,
input:active{
    outline: unset !important;
    border: unset !important;
}
</style>

Kind regards,
Diego

[bp23]

@diego_ezfy amazing! this got rid of the border completely when selected into any field. Is there a way to specifically set it to always be black???

[bp23]

@diego_ezfy disregard. I just deleted this line and it's all good! thank you SO MUCH!

border: unset !important;

[princessalice]

Whew worked so well!! thank you!!