Cách xóa nút mặc định làm nổi bật trong Safari khi sử dụng jQuery

Question

Tôi đã nhận thấy rằng trong Safari trên OS X, các nút jQuery mặc định của tôi dường như có điểm sáng màu xanh lam xung quanh chúng. Chỉ cần kiểm tra và điều tương tự xảy ra trên jQuery UI Demo page.

Dưới Firefox trên cùng một máy của tôi nó trông như thế này

bất cứ ai có thể cho tôi biết những gì tôi có thể làm để loại bỏ điều này dưới Safari? Tôi vẫn muốn hành vi mặc định.

Answer 1

Để loại bỏ bất kỳ điểm nhấn đầu vào mà bất kỳ trình duyệt có thể áp dụng như hành động mặc định, bạn luôn có thể sử dụng outline:none cho css của họ. trong trường hợp của bạn, nó là một phần tử button. do đó, điều này sẽ hoạt động:

button { 
    outline: none; 
} 

Although it's not recommended to remove the CSS outline. vì không tốt cho khả năng truy cập. (Cảm ơn Robin Clowers đề cập đến điều này)

Answer 2

*{ 
    outline: none; 
} 

.blah{ 
    outline-color: blue; 
} 

Điều này sẽ không ảnh hưởng đến những người đã tồn tại. (.blah) Tính năng này cũng hoạt động trên Google Chrome.

Live Demo:http://jsfiddle.net/DerekL/TUbjc/

Answer 3

Hãy thử sử dụng này

Trong CSS:

-webkit-tap-highlight-color: rgba(0,0,0,0); 

Trong javascript:

document.addEventListener("touchstart", function(){}, true);

Answer 4

Nút này thực sự đã xác định thuộc tính phác thảo. Bạn phải ghi đè lên điều này. Nếu bạn kiểm tra điều này trong Firebug, bạn sẽ thấy khai báo CSS sau cho nút này:

.ui-dialog .ui-dialog-buttonpane button{outline:none;}