tuyên bố css có điều kiện cho firefox

Question

Tôi đang gặp vấn đề với css trong firefox, do đó tôi muốn nhập khẩu một tập tin css chỉ khi trình duyệt FF

Thực ra, tôi cần phải nhập kiểu này:

.searchbutton{ 
    position:absolute; right:3px; width:25px; 
    top:3px; 
} 

#buscarmain{ bottom:12px; 

} 

EDIT:

Nhiều người đã lập luận rằng tôi không nên sử dụng câu lệnh đặc biệt cho FF, vì FF có lẽ là chính xác nhất, so với các trình duyệt khác.

Tuy nhiên, trong trường hợp này tất cả các trình duyệt in cùng một trang (IE, Chrome, Opera, Safari) và FF hiển thị nó theo cách khác. Tôi phải đạt được cùng một hình ảnh cho tất cả các trình duyệt, do đó tôi cần một tuyên bố FF đặc biệt

Answer 1

giải quyết vấn đề

chỉ nói thêm:

<script type="text/javascript"> 
    if ($.browser.mozilla == true) { 
     document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"FF.css\">"); 
    } 
</script> 

Answer 2

IE là trình duyệt duy nhất có nhận xét có điều kiện. Tôi luôn cảm thấy rằng mọi trình duyệt nên có riêng của họ, nhưng than ôi.

Tôi nghĩ giải pháp là tinh chỉnh bảng định kiểu của bạn để nó hiển thị đúng trong Firefox và sau đó sửa cho IE.

Giải pháp thô và rất bẩn là sử dụng JavaScript để phát hiện trình duyệt và thêm lớp như "ffonly" vào thẻ body nếu trình duyệt là Firefox. Sau đó, luôn mang trong stylesheet Firefox của bạn nhưng đặt ".ffonly" vào lúc bắt đầu trên tất cả các quy tắc phong cách của bạn

Answer 3

Bạn có thể thử các css browser selector

Answer 4

CSS Hacks for Different Versions of Firefox

Answer 5

Dưới đây là cách chúng tôi có thể nhắm mục tiêu kiểu CSS chỉ dành cho Firefox:

<style type="text/css"> 
@-moz-document url-prefix() { 
    h1 { 
     color: red; 
    } 
} 
</style> 

Nguồn: Targeting only Firefox with CSS