Home/ Questions/Q 822151
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T02:45:29+00:00

I’m building a Drupal theme up and want to know if there is a

  • 0

I’m building a Drupal theme up and want to know if there is a Drupalish way to add a css file only if the user has js turned off.

This would ideally go in the theme.info file to keep it neat!

Something like this would be ideal:

conditional-stylesheets[if no javascript][all][] = nojs.css

If this isn’t possible then I’m going to keep all the css that needs JS out of the css files, and add it dynamically using JS but this seems a bit messy…

Any ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You don’t need conditional comments or noscript-tags for that. By default, Drupal adds a ‘js’ class to the html element and sets a cookie if javascript is enabled:

    // Global Killswitch on the <html> element
if (Drupal.jsEnabled) {
  // Global Killswitch on the <html> element
  $(document.documentElement).addClass('js');
  // 'js enabled' cookie
  document.cookie = 'has_js=1; path=/';
  // Attach all behaviors.
  $(document).ready(function() {
  Drupal.attachBehaviors(this);
  });
 }

    (That’s on line 296 in /misc/drupal.js.)

    All css selectors that should only apply when js is enabled, can be prefixed with .js. If you want, you can put those css rules in a separate file, but you don’t have to.

    • 0