-1

I have a navigation made from divs. When you click on a div, the requested page is loaded into another div.

My problem now is, that safari and chrome are making an ugly border around any div i click.

enter image description here

How does one get rid of this border?

I've already tried

*, *:focus, *::-moz-focus-inner, div, div:focus, div::-moz-focus-inner {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    border: none;
    outline: none;
    -webkit-overflow-scrolling: touch;
}

But it does not work...

Hilfsschueler
  • 41
  • 8
  • share the html code – brk Apr 10 '18 at 07:21
  • Read this https://stackoverflow.com/questions/3397113/how-to-remove-border-outline-around-text-input-boxes-chrome – Saeed Apr 10 '18 at 07:24
  • @Hilfsschueler have you tried `{outline: none; border:none}` ? – Vishnu Apr 10 '18 at 07:29
  • @Vishnu I already tried the following: *, *:focus, *::-moz-focus-inner, div, div:focus, div::-moz-focus-inner { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; border: none; outline: none; -webkit-overflow-scrolling: touch; } – Hilfsschueler Apr 10 '18 at 07:48

2 Answers2

1

Use this one...

-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */
Dilip Solanki
  • 437
  • 3
  • 13
1

Try removing the outline in your CSS:

.that-div {
  outline: 0;
}

(Or outline: none).

Zlatko
  • 18,936
  • 14
  • 70
  • 123