How can you create a search input with a 3D border effect? Try using box-shadow property.
This search box also has an on-click effect that changes the outline color when being focused. You can change the color of the border by changing CSS line 15.