Các nút quá cao trên Firefox

Question

Tôi gặp sự cố duy nhất đối với Firefox. Tôi đang cố gắng tạo kiểu cho các liên kết và nút để xem chính xác . Trên mọi trình duyệt ngoại trừ Firefox, điều này hoạt động như mong muốn. Trên Firefox, chiều cao của nội dung của nút là 18 pixel, so với 15 pixel đối với liên kết. Trên Chrome, Safari và Internet Explorer, chúng đều cao 15 pixel. Tại sao điều này?

Here's a demo on jsFiddle sự cố. Dưới đây là kết quả tôi nhận được trên Chrome:

và đây là kết quả Firefox:

tôi đã cố gắng thay đổi chiều cao bằng tay trong CSS, nhưng điều đó không hoàn toàn làm việc và phá vỡ bố cục trên các trình duyệt khác. Thiết lập -moz-appearance: none không có gì, nhưng sau đó một lần nữa, nó thường không.

Here's a full detail of my attempt cũng vậy và nội dung sẽ được sử dụng để làm gì.

Có ai gặp vấn đề này trước đây không? Làm thế nào tôi có thể cân bằng chiều cao trên tất cả các trình duyệt?

Answer 1

Tìm thấy một người dùng sử dụng này:

input::-moz-focus-inner /*Remove button padding in FF*/ 
{ 
    border: 0; 
    padding: 0; 
} 

http://jsfiddle.net/MCAllinder/dehda/2/

Answer 2

Tôi đã tìm thấy một giải pháp hoàn chỉnh và viết về nó ở đây:

http://davidwalsh.name/firefox-buttons

input::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
    margin-top:-2px; 
    margin-bottom: -2px; 
} 

Bạn cần để sửa đổi margin-top và margin-bottom để phù hợp với các nút khác