2014-11-17 12 views
0

Firefox 부가 기능. mac os (windows, linux는 괜찮습니다.)의 일부 XUL 요소에 대한 패딩 문제가 있습니다. OS 플랫폼을 확인하고 해당 OS 용 요소에만 스타일을 적용하는 CSS 트릭이 있는지 알고 싶습니다. 검색에서 은, 내가 찾은 가능한 옵션 중 일부는 다음과 같습니다OS 특정 CSS를 Firefox 부가 기능

  • 는 OS에 대해 별도의 스타일 시트 파일을 만들고 그 가리 키도록 chrome.manifest을 수정합니다.
  • 일부 외부 js 라이브러리를 사용하고 CSS 선택기를 사용하십시오.
  • 는 현재 부가 코드에서 플랫폼을 식별하고 부하 및 스타일 시트에 모든 것을 복제 나를 필요로 the style sheet service

첫 번째 옵션을 사용하여 두 번째 스타일 시트를 등록합니다. 두 번째 것은 다른 도서관에 의존한다. 세 번째 옵션이 효과가있을 수 있지만 더 단순하고 세련된 솔루션이 있는지 알고 싶습니다.

감사합니다.

+1

첫 번째 옵션을 사용하면 모든 공통 css를 하나의 파일에 넣은 다음 플랫폼 별 css 파일에서''''@import()''''를 사용하여 중복을 피할 수 있습니다. – Kashif

+0

감사! 나는'@import()'를 피하고 스타일 시트를 많이 가지고 싶었다. 그러나 그렇습니다, 이것은 일을하는 한 가지 올바른 방법입니다. – user3337744

답변

1

세 가지 옵션은 거의 같습니다. 첫 번째 옵션의 경우 모든 공통 css를 하나의 css 파일에 넣고 모든 플랫폼에서로드해야합니다.

+0

감사! 그것은 일을하는 올바른 방법 인 것 같습니다. 그러나 저는 많은 스타일 시트가 놓여있는 것을 피하고 싶었습니다. 지금은 세 번째 옵션으로 가고 Mac 용으로 만 두 번째 시트를로드합니다. – user3337744