As much as I love the Safari browser, I really hate the fact that it adds a fuzzy blue border around text inputs. This can interfere with custom styling of text controls, and is just bad practice from my point of view. After a bit of searching and research I came up with the following technique for removing the border using CSS. No hacks are required and it cooperates well with other browsers as well.
I have added this simple CSS solution to my custom CSS reset kit.
/* Get rid of the annoying blue outline in Safari */
input[type=text]:focus,
input[type=password]:focus
{
outline: 0 none;
}
1 comment so far. What are your thoughts?
Dude, thanks so much for this. That bloody outline is really annoying and I agree, bad practice on Apple' part.
Cheers,
BondiGeek