Drupal 7 浏览器特定的 css

Question

我怎样才能在 Drupal 7 中拥有特定于浏览器的 css。如果浏览器是 chrome，我想加载 chrome.css 。请帮忙

Answer 1

您可以在 template.php 文件中使用 preprocess_html 执行此操作主题 Hook 和drupal_add_css功能。

您会在 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 没有条件注释，您可以检查 $_SERVER['HTTP_USER_AGENT']:

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

但在这样做之前，尝试修复您的 css 规则!