Ngăn chặn <button> khi dịch chuyển trong khi nhấp trong IE

Question

Khi bạn có một phần tử đơn giản trong một trang và nhấp vào nó (giữ chuột trong khi nhấp để xem hiệu ứng) trong IE8/9 thì nút dịch chuyển xuống một chút và sang phải .

Tôi giả định đây là một phần của phong cách IE mặc định. Có cách nào để ngăn chặn hành vi này?

http://jsfiddle.net/tmcconechy/hqm59/

Answer 1

Bạn có thể áp dụng một số kiểu cho nút. nút {lề: 0px; padding: 0px;}

Answer 2

Bạn có thể ngừng các văn bản di chuyển trong nút IE:

button:active span, button:focus span { 
    position:relative; 
    top: 0; 
    left: 0; 
} 

<button><span>no move</span></button> 

http://jsfiddle.net/dQVA7/

Answer 3

Đặt văn bản của bạn trên một <span> và position:relative trong nó, nó sẽ sửa chữa.

button span{ 
    position: relative; 
} 

Không cần đầu và trái nét.

Answer 4

Nếu bạn không nhớ sử dụng JavaScript, rõ ràng này làm các trick:

$(document).on('mousedown', 'button, input[type="button"], input[type="submit"]', function(e) { 
    e.preventDefault(); 
});