it-swarm.com.de

So entfernen Sie den blauen Rahmen in der Schaltfläche, wenn Sie darauf klicken

Ich möchte tun, den blauen Kästchenschatteneffekt der Schaltfläche in meiner Klasse btnd_ zu entfernen, wenn die Schaltfläche angeklickt ist. 

aktuelle Ausgabe

ich habe es versucht, aber es funktioniert nicht.

.btnd:active,
.btnd.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
14
user3729634

Der blaue Schatten ist die Standardeinstellung des Browsers: Fokusstatus

.btnd:active,
.btnd:focus,
.btnd.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
30

Ich beschäftige mich erst gestern mit diesem Problem. Du brauchst:

.btnd:focus, .btnd:active, .btnd.active, .btnd:focus:active {
  background-image: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

Der Schlüssel befindet sich im letzten Selektor .btnd:focus:active.

27
ndcweb

verwenden Sie diese Zeile, um den Fokus zu entfernen $ ("#OK") .button (). blur ();

0
Juergen