Xóa thuộc tính lấy nét khi nhấp vào Bootstrap

Question

Tôi có thanh điều hướng có các menu thả xuống bằng Bootstrap. Tôi đã tạo một đường viền quanh mục danh sách thả xuống để làm cho nó trông như thể đó là một tab. Biên giới chỉ có trên tiêu điểm. Người dùng nhấp vào tab để chuyển đổi nó đã đóng nhưng đường viền vẫn hiển thị ở đó vì nó vẫn ở trong tiêu điểm. Làm cách nào để xóa tiêu điểm sau khi nhấp?

Đây là CSS

#refine2 .dropdown-toggle:active {background-color:transparent; border:0;} #refine2 .dropdown-toggle:focus {border-top: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; background-color:transparent;} 

Answer 1

Quick-sửa chữa: Đặt outline:0; trong css. Điều này sẽ loại bỏ đường viền.

Answer 2

Loại cũ nhưng bạn có thể giải quyết vấn đề này bằng cách đặt đường viền trên mục danh sách thay thế.
Working example.

#refine2 .dropdown-toggle:active { 
    background-color:transparent; 
    border:0; 
} 

#refine2 .dropdown-toggle:focus{ 
    background-color:transparent; 
} 

li.dropdown.open { 
    border-top: 1px solid #e3e3e3; 
    border-right: 1px solid #e3e3e3; 
    border-left: 1px solid #e3e3e3; 
} 

Answer 3

nếu bạn đang sử dụng jQuery, bạn có thể sử dụng

$(".dropdown-toggle").blur() để làm cho nó mất nó là tập trung

Ví dụ:

---

JS:

var dropdown = $(".dropdown-toggle"); 

dropdown.on("click", function() { 
    setTimeout(function(){   //loses focus after 0 milliseconds 
    dropdown.blur(); 
    }, 0); 
}); 

CSS Cập nhật:

#refine2 .dropdown-toggle:active { 
    background-color:transparent; 
    border:0; 
} 
#refine2 .dropdown-toggle:focus { 
    border-top: 1px solid #e3e3e3; 
    border-right: 1px solid #e3e3e3; 
    border-left: 1px solid #e3e3e3; 
    background-color:transparent; 
    } 

#refine2 .dropdown-toggle{ 
    background-color: transparent !important; 
    } 
    li.dropdown.open { 
    background-color: transparent; 
    } 

JSFiddle

---

Hy vọng nó sẽ giúp :)

Cheers!

EDIT: Tôi chỉ thấy đây là một 7 tháng câu hỏi cũ đã ... Nhưng tôi hy vọng nó vẫn sẽ giúp người khác :)