Disable the browser focus on input

Webkit browsers, Chrome and Safari, automatically inserts a light blue outer shadow around each input tag from within a web document. In order to remove that shadow, you can add outline:none; to form input:

form input { outline:none; }

Focus on Safari

You can re-style the input with the :focus selector:

form input:focus { border:1px solid blue !important; }