i’m making a custom input that is inserted inside the container. This wrapping container has a 1px border imitating inputs borders. the problem is that when i get a on input Focus border color change, it is visually clear that the border on wrapping container are set to go outside not inside.
is there a way to put direction for the border?
see on example the light grey 1px border is related to main wrapping container and the 2px black is the input onFocus state.
Hi there 
I’m not sure I understand your question, CSS borders can only be applied outwards.
Were you looking yo apply shadows instead?
Can you share a screenshot on how you are structuring this custom input and perhaps a video sharing this behavior you are looking to change?
my bad, i’ve been working with that custom input for 4 days trying to make it work and i did not realize the obvious things. i had a border placed on the outside container that was holding input and floating text placeholder. i have removed that border from outside container and placed it onto the input itself now on focus the borders match from default to focus 
sorry for bothering
