Yes, as you suspect, it's an outline
around the label
of your field.
The reason your code to hide the outline
isn't working is because you're specifying the outline one the field, not the label.
(though given the code you've shown us, I wonder why it's a blank space rather than saying XXXX XXXX
?)
If you want to hide it, you should use label
as your selector rather than input
:
label {
outline: 0;
}
Before you do that though, it's worth pointing out, that the dotted outline around the currently selected field is an important feature for some users. In particular, disabled users who can't use a mouse rely on it when navigating a site using the keyboard so that they can tell where they are on a page.
If you hide, it you will be actively discriminating against those users. (depending on your site audience this may not particularly matter to you, but beware that it is illegal in some countries)