Cách xóa đường viền hộp bóng màu xanh lam trong nút nếu nhấp vào

Question

Tôi muốn làm là xóa hiệu ứng đổ bóng hộp màu xanh lam trong lớp của tôi btnd nếu nút đó được nhấp.

hiện tại output:

tôi đã thử cách này nhưng không hoạt động.

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

Answer 1

xanh bóng là mặc định trình duyệt: tập trung nhà nước

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

Answer 2

tôi đối phó với vấn đề này chỉ ngày hôm qua. Bạn cần:

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

Chìa khóa ở bộ chọn cuối cùng .btnd:focus:active.

Answer 3

chỉ sử dụng dòng này để xóa tiêu điểm $ ("#OK") .button(). Blur();