AMPEDUPDESIGNS

CONSULTING CONCEPTS PERSONAL

Getting rid of the blue highlight on focus around input boxes on iOS Safari Mobile

April 18th, 2014

When you focus on an input element in iOS, a blue highlight shadow displays when the input field comes into focus.  Searching high and low, the common answer to disable this seems to be by setting the outline:0 in css on focus like:

input:focus {
    outline:0;
} 

It didn't work for me.  What else do you need?  Turn off the box shadowing that iOS also adds like this:

input:focus {
   outline:0;
   box-shadow:0;
   -webkit-box-shadow:0;
   -moz-box-shadow:0;
} 

Hope that helps!

 



Popular Posts