[HTML/CSS] How do I remove the outline?

[Guest]

It's a little hard to explain what I'm talking about, but so I took this screenshot.

As you can see, the home button is surrounded with little outline things I don't want there.

 

How would I remove this? I tried googling it but honestly I have no idea what the technical term for this behaviour is so I had no luck with that.

[Nonco]

It would be CSS related.

 

Probably something to do with the link <a>

Or something to do with the <div> that its in so like its boarder or margin or padding.

 

Could you be more specific about what you dont want and maybe post the HTML line of the button there too? @whitephoenix

[spenser_l]

If you could post the HTML & any CSS you have here that would be helpful.

[Guest]

It would be CSS related.

 

Probably something to do with the link <a>

Or something to do with the <div> that its in so like its boarder or margin or padding.

 

Could you be more specific about what you dont want and maybe post the HTML line of the button there too? @whitephoenix

Codepen below, and its the dotted outline I want to remove

 

If you could post the HTML & any CSS you have here that would be helpful.

http://codepen.io/anon/pen/OVQBLo

 

If you click any of the button on the top you'll see what I'm talking about

[,,,,,,,,,,,,,,,,,,,,,,,,,,]

Not there for me...

[Nonco]

If you click any of the button on the top you'll see what I'm talking about

 

Ah yep I can see now what you mean.

 

I think it would have to do with:

a:visited

Im a bit rusty with my CSS but thats probably the most likely cause, so maybe try a few different settings for it.

[Guest]

Not there for me...

I just learned something: it's a firefox thing. Just tested in chrome and it didn't happen

[Guest]

Ah yep I can see now what you mean.

 

I think it would have to do with:

a:visited

Im a bit rusty with my CSS but thats probably the most likely cause, so maybe try a few different settings for it.

I've tried outline: none; and outline: 0; but that didn't work. Everything I found on google said to do that.

[Nonco]

I just learned something: it's a firefox thing. Just tested in chrome and it didn't happen

 

Oh D:

 

Might still be able to tweak some settings somewhere to fix it.

 

btw, bootstrap is pretty awesome hey

[Guest]

Oh D:

 

Might still be able to tweak some settings somewhere to fix it.

 

btw, bootstrap is pretty awesome hey

It is pretty awesome, my website would look stupid without it

[Ciccioo]

I've tried outline: none; and outline: 0; but that didn't work. Everything I found on google said to do that.

you have to do that on the link, so on ".lMenu li a"

 

before doing that though, read this: http://www.outlinenone.com/

[Guest]

you have to do that on the link, so on ".lMenu li a"

 

before doing that though, read this: http://www.outlinenone.com/

I'll try that

 

and the whole don't remove outlines thing doesn't really apply here because if you press tab to navigate on my website the buttons highlight as if you were hovering with a mouse anyways.

 

EDIT: Thanks! It worked!

    .lMenu li a {      outline: none;    }

[Ciccioo]

and the whole don't remove outlines thing doesn't really apply here because if you press tab to navigate on my website the buttons highlight as if you were hovering with a mouse anyways

That's what that website says. You can remove the outline as long as you implement something else to highlight selected links. your solution will work nicely