Home/ Questions/Q 6210865
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T06:14:15+00:00

See edit I am setting a data-page attribute on my <html> tag to the

  • 0

See edit

I am setting a data-page attribute on my <html> tag to the id of the current page. So on my login page:

<html data-page="login">

For some reason, IE8 is not applying any styles like these:

[data-page="login"] { ... }
[data-page="login"] form { ... }
[data-page="login"] form input { ... }

Even though it is supposed to support the attribute selector. If I change the data-page to an id, and select it using #login, IE8 works fine.

Does anyone know how to fix this problem? I’d like to keep the attribute selectors.

EDIT: I’ve found that even trying to select with a class won’t work, so it’s not that. The problem seems to be that I cannot set styles on the <html> element at all in IE8.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Ok, so I am a fool, but for anyone else who stumbles across this (as it is super mysterious until you realize it), I had forgot that I was using HTML5 Boilerplate-style conditional comments on the html element, so that the template variables were only being attached to the html element in non-IE browsers.

    • 0