Drupal 7特定于浏览器的css

如何在Drupal7中使用特定于浏览器的css。如果浏览器是chrome，我想加载chrome.css。请帮助

您可以在template.php文件中使用主题挂钩和函数来执行此操作

您将在drupal 7主题中找到示例，例如在bartik中：

// Add conditional stylesheets for IE
drupal_add_css(path_to_theme() . '/css/ie.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'preprocess' => FALSE));
drupal_add_css(path_to_theme() . '/css/ie6.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'IE 6', '!IE' => FALSE), 'preprocess' => FALSE));

编辑：由于chrome没有条件注释，您可以检查$\u服务器['HTTP\U用户\U代理]：

if (isset($_SERVER['HTTP_USER_AGENT'])
    && stripos($_SERVER['HTTP_USER_AGENT'], 'chrome')!==false) {
    drupal_add_css( ... );
}

---

但在执行此操作之前，请尝试修复css规则

我同意前面的发言者的观点，您绝对应该尝试更改css，这样就不需要特定于浏览器的代码，但是如果您确实需要针对Webkit浏览器（Chrome和Safari），您可以看看这个解决方案：

这不是Drupal特有的，而是一种在紧急情况下以webkit为目标的公认方式

我建议使用

Internet Explorer实现了一种名为 有条件的评论。而web开发人员却对技术不满 许多CSS开发人员发现，这是不支持跨浏览器的 条件注释非常有用。他们可以在自己的应用程序中使用更干净的CSS 普通样式表，可以通过放置 只在条件注释中使用CSS；这项技术是均匀的 微软推荐的。 没有这个模块，只有这样才能拥有IE条件样式表 要添加37行代码（如果您想添加多行代码，请多行代码） 样式表）中的四个非常难以记住的函数调用 主题的template.php。哎哟。谁想要这个

---

除了IE@Spudley：我只需要ChromeRealy的特定于浏览器的css？什么特别的功能？@Spudley:我已经将left:100px设置为css元素。IE 8和firefox 4中的对齐非常完美，但在chrome中我必须设置为左：350px，这听起来很奇怪。Chrome具有出色的标准遵从性，因此我非常惊讶地听到基本定位这样的基本问题如此严重。我怀疑这里面还有更多的东西；样式表中的其他一些错误需要修复。我建议您查找问题的原因，而不是尝试用黑客来修复症状。如果你真的找不到它，请在这里向我们展示代码（可能是一个新问题中最好的），我相信有人会很快指出。但正如Spudley所说，在这样做之前，你应该尝试修复你的css规则。它为IE添加了条件css。我如何为chrome添加条件css？因为chrome没有条件注释，您只需检查$\u服务器['HTTP\u用户\u代理']