Question

我正在尝试执行以下操作：

创建一个CSS文件 - 假设它包含：

#elementID{
    Background:black !important;
}

创建对包含我的CSS的脚本的引用：

<link rel="stylesheet" type="text/css" href="global.css">

将'global.css'中包含的css应用于我的域中的所有页面。我只能从这一页中引用这个脚本。

注意： - 我从一个单独的域引用脚本（但如果需要，我可以直接嵌入到HTML中）

- 我试图让它在IE兼容模式下正常工作

这有可能吗？谢谢!!!

Answer 1

是的，您可以使用javascript来做到这一点。

<script type="application/javascript">

      if(navigator.userAgent.indexOf('Chrome') > -1)
      {
        document.write('<'+'link rel="stylesheet" href="css/myCssForChrome.css" />');

      }else if(navigator.userAgent.indexOf('Firefox') > -1)
      {
        document.write('<'+'link rel="stylesheet" href="css/myCssForFirefox.css" />');

      }else if(navigator.userAgent.indexOf('Safari') > -1)
      {
        document.write('<'+'link rel="stylesheet" href="css/myCssForSafari.css" />');

      }else if(navigator.userAgent.toLowerCase().indexOf("op") > -1)
      {
        document.write('<'+'link rel="stylesheet" href="css/myCssForOpera.css" />');

      } else {
        document.write('<'+'link rel="stylesheet" href="css/myCssForIExplorer.css" />');

      }


    </script>

而不是用户代理从文档中获取域路径并检查您想要更改css的域名。

从一个文件将CSS值应用于整个域

1 个答案: