Können Sie sich ein noscript Element Stil?

Question

Ist es möglich, das noscript Element in CSS-Selektoren zu benutzen?

noscript p {
    font-weight: bold;
}

Answer 1

Ja! Sie können das auf jeden Fall tun.

In der Tat, viele ( alle ) Browser unterstützen Targeting jeden beliebigen Tag mit CSS. „Official“ Tags im HTML-spec nur definieren, was ein Browser mit ihnen tun soll. Aber CSS ist eine Sprache, die jeden Geschmack von XML-Ziele, so dass Sie foo {font-weight:bold;} sagen und in den meisten Browsern wird <foo> hello world </foo> kommen fett.

Wie Darko Z stellt klar , IE6 / 7 tun nicht hinzugefügt willkürliche (nicht-Standard) Elemente zum DOM automatisch von der Quelle; sie haben das Programm hinzugefügt werden.

Answer 2

Ich habe einen IE Fehler im Auge zu behalten. Wenn, wie OP, wollen Sie nur Text innerhalb des Tag außerhalb des Skripts, um Stil und nicht das noscript-Tag selbst, benutzen Sie bitte diese außer Acht lassen ..

Sagen Sie den Tag außerhalb des Skripts den Hintergrund rot machen wollen. In IE8, zeigt es mit JS aktiviert. Nur die Box selbst, nicht der Text nach innen.

So kann diese Kombination nicht gut:

CSS

noscript {
    background-color: red;
}

HTML

<noscript>Turn on your damned JavaScript! What is this, 1999?</noscript>

Aber diese Problemumgehung funktioniert:

CSS

noscript div {
    background-color: red;
}

HTML

<noscript><div>Turn on your damned JavaScript! What is this, 1999?</div></noscript>

Seltsam, ich habe nur dieses Verhalten in IE8 sehen, nicht IE7. Und wer weiß, über 6 ..

Answer 3

Neben Rex M Antwort - IE 6/7 (? 6 def, 7 vielleicht) wird ein nicht Stil beliebiger Tag für Sie. Aber zum Glück für Sie, wie Sie mit alle vielen IE Problemen gibt es eine Abhilfe.

Angenommen, Sie möchten ein Element, um Stil genannt foo. Um IE es als styleable Element zu erkennen, müssen Sie umfassen diese Zeile irgendwo in Ihrem JS:

document.createElement('foo');

Sie müssen es nicht anhängen, es ist einfach erstellen.

Dies wird IE treten in das Element mit der CSS-Regel für Sie Styling:

foo { font-weight:bold; }