Remove border from image when clicked

Question

Remove border from image when clicked

Navigation

#1 by (1 votes)
#2 by (-1 votes)

1

I'm having trouble with a menu that has images with redirection to modal , when I close modal it gets a blue border in Chrome and dotted in IE, I already tried outline: none and border: 0 .

Has anyone ever been through this?

I want to remove this image:

<a href="#Concursos" role="button" data-toggle="modal" data-target="#Concursos" class="col-lg-1 col-md-2 col-sm-3 col-xs-6 text-center home">
<img src="icones/icone_Concursos.png" alt="Concursos" /></a>

 .centro_site {
width: 100%; float: left; padding: 0px 10px; margin-top: 10px; outline: none;
}

And it's still within% in% of .row , plus I've already put all or bootscrap of outline .

html5 css

asked by anonymous 13.02.2016 / 23:33

2 answers

1

Simple, the outline is not the image but the link that surrounds it, the code below solves your problem;

a:active, a:selected, a:visited { 
    border: none;
    outline: none;
}

14.02.2016 / 00:32

Compile PHP-CPP extension in Windows Shared variables do not update after http request

score -1 · Accepted Answer

I found the problem. I use bootscrap and it was inside a div .row and as I use columns menu I kept circling the links of the images. The outline are set to 5px within a.focus of bootscrap.css and bootscrap.min.css.