Düğme tıklatıldığında, mavi kutu gölge kenarlığı nasıl kaldırılır

Question

Düğmesini tıklatırsanız, mavi çizgili gölge sınırını kaldırmak düğme btnd. Geçerli output

:

ben bu çalıştı ancak işe doesnt.

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

Answer 1

Mavi gölge tarayıcı varsayılan geçerli: odak devlet Sadece dün bu sorunla başa

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

Answer 2

. Sen gerekir:

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

anahtar geçen selektör .btnd:focus:active içindedir.

Answer 3

Odaklamayı kaldırmak için bu satırı kullanmanız yeterli $ ("#OK") .button(). Blur();