Menu icon Foundation
Remove glow / haze effect on inputs

Hi - loving F6!!

Only issue seems to be with input/tabs....how do we remove the glow / haze effect?

TIA.

MT

csseffectsforms

Hi - loving F6!!

Only issue seems to be with input/tabs....how do we remove the glow / haze effect?

TIA.

MT

Rafi Benkual over 2 years ago

Hi there - glad you're loving Foundation!

The glow for an input on focus is box shadow. You can find it in the inspector:

Example

input[text] {
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
}