-moz-focus-inner

Question

Trong một câu hỏi khác tôi hỏi về sự liên kết này đã được trao cho tôi để trả lời câu hỏi về firefox là một twit. Nó làm việc nhưng nó đã để lại một hương vị chua trong miệng của tôi và tôi sẽ giải thích lý do tại sao.

button::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
} 

Opera (10 ví dụ này), Firefox (3 ví dụ này) và Internet Explorer (7 ví dụ này) tất cả hiển thị một nút input[type="submit"] khác nhau. Thuộc tính focus-inner này là mặc định 0 trên Opera 10, giống như 5px đối với firefox và phải là 6px đối với trình khám phá Internet.

Tôi làm cách nào để "đặt" tất cả chúng về 0? Có một cuộc gọi CSS tiêu chuẩn sẽ không chỉ làm điều trên mà còn thiết lập thuộc tính ẩn này cho IE không?

Answer 1

Lý do tại sao điều này xảy ra rất đơn giản: vì tất cả các trình duyệt này được tạo bởi những người khác nhau. Hãy thử xem các nút của bạn từ Safari chẳng hạn. Không có điều như một quy tắc css sẽ buộc tất cả các nút trong tất cả các trình duyệt chính trông giống nhau.

Vâng, thực tế bạn có thể đạt được điểm ảnh hoàn hảo, nếu bạn đối xử với mỗi cá nhân một cách riêng lẻ, như this. Và bạn luôn có thể sử dụng <input type="image">, điều đó sẽ thực hiện mẹo đó.