Javascript의 맞춤 알림이 제대로 작동하지 않습니다.

Question

addon-builder를 사용하여 Firefox에 대한 추가 기능을 개발 중입니다. 내 addon 자바 스크립트에서 정상적인 알림 상자를 교체하고 싶습니다. 그래서 jQuery를 사용하여 사용자 정의 된 경고 상자를 선택했습니다. jAlert 세부 사항은 here입니다.

이제 맞춤 알림 (제목과 색상이 경고 됨)을 만들었습니다. 일부 웹 사이트에서는 제대로 작동하지 않습니다. 하지만 일부 웹 사이트에서는 기본 CSS가 jQuery CSS를 지배하므로 예상치 못한 알림 (추악한 알림)이 발생합니다.

Answer 1

최상의 해결책은 아니지만 일반적으로이를 피하고 있지만 그래도 작동합니다.

CSS에 사용 된 !important 키워드는 강제로 다른 현재 설정을 무시합니다.

즉 일반

.example { 
    font-size: 14px; 
} 

즉 강제

.example { 
    font-size: 14px !important; 
} 

그러나 시도하고 CSS 스타일 충돌 무엇인지 발견하고 그것을 적용 또는 이름의 아마도 그 공통의 경우 (순서를 변경 매개 변수).