KP-C

Kevin Powell - Community•11mo ago•

8 replies

Faker

What is the difference when we use border and outline of none vs giving them a transparent color?

Hello, sorry to disturb you all, I have a question. I need to create a search bar. My search bar includes an

input

input

element.

My question is, by default,

input

input

element has a border and an outline?
When we focus on an

input

input

, what happens? What causes the "thickness", is it the border or the outline? So is it good practice to set everything as none instead of giving them a transparent color in the scenario where we want our

focus

focus

not to be on the

input

input

element but rather on its parent container?

https://codepen.io/Fakeur/pen/OPPBEgR

CodePenFakeur

Untitled

...