Xóa kiểu dáng hoàn chỉnh của nút HTML/gửi

Question

Có cách nào xóa hoàn toàn kiểu dáng của nút trong Internet Explorer không? Tôi sử dụng một sprite css cho nút của tôi, và mọi thứ đều ok.

Nhưng khi tôi nhấp vào nút, nó di chuyển lên đầu một chút, nó làm cho nó trông ra khỏi hình dạng. Có trạng thái nhấp chuột css hay mousedown không? Tôi không biết những gì gây nên nhà nước.

Tôi biết nó không phải là một vấn đề thực sự lớn, nhưng đôi khi đó là những điều nhỏ quan trọng.

Answer 1

Tôi giả sử rằng khi bạn nói 'nhấp vào nút, nút này di chuyển lên đầu một chút' bạn đang nói về trạng thái nhấp chuột xuống cho nút và khi bạn nhả chuột, nó trở về trạng thái bình thường của nó? Và rằng bạn sẽ vô hiệu hóa các render mặc định của nút bằng cách sử dụng:

input, button, submit { border:none; } 

Nếu vậy ..

Cá nhân, tôi đã phát hiện ra rằng bạn không thể thực sự dừng lại/ghi đè/vô hiệu hóa bản địa IE này hành động, dẫn tôi thay đổi đánh dấu của tôi một chút để cho phép chuyển động này và không ảnh hưởng đến cái nhìn tổng thể của nút cho các tiểu bang khác nhau.

Đây là cuối cùng của tôi mark-up:

<span class="your-button-class"> 
    <span> 
     <input type="Submit" value="View Person"> 
    </span> 
</span> 

Answer 2

Cố gắng loại bỏ biên giới từ nút của bạn:

input, button, submit 
{ 
    border:none; 
} 

Answer 3

Tôi nghĩ rằng đó là nút "active" nhà nước.

Answer 4

Tôi nghĩ rằng điều này cung cấp một cách tiếp cận toàn diện hơn:

button, input[type="submit"], input[type="reset"] { 
    background: none; 
    color: inherit; 
    border: none; 
    padding: 0; 
    font: inherit; 
    cursor: pointer; 
    outline: inherit; 
}