the outline thing done properly

The best thing to do is style your outlines as you like: give them whatever colour and width best suits your website design; make them dotted or dashed, double or ridged.

:focus {
    outline: 2px solid #3782c4;
}

For a sample of the diversity of available styles, click the button below. Keep clicking for more styles!