
There are two most recent used ways to remove the blue glow on safari inputs and textareas. The first is:
Method 1
Step 1 - make a surrounding DIV the size of the input box. Name this the “div.hidepack”. Use the following CSS for it:
div.hidepack {
width:250px; /* Actual width */
height:20px; /* Actual height */
overflow:hidden;
}
Step 2 add 4 pixels to both the width and height of the actual input box. Finally, set negative margins of -2px to the top and -2px to the left. Use the following CSS for it:
input.removeGlow {
width:254px; /* Actual width + 4 */
height:24px; /* Actual height + 4 */
margin:-2px 0 0 -2px;
}
Method 2 - we recommend using this method since it's code is simpler and the method is tested.
After putting all needed data in the CSS of teh input add the following:
input{
outline:none;
}