Può lo stile di un elemento noscript?

Question

E 'possibile utilizzare il noscript elemento selettori CSS?

noscript p {
    font-weight: bold;
}

Answer 1

Sì! Si può sicuramente farlo.

In realtà, molti ( tutti? ) i browser supportano il targeting qualsiasi tag arbitrario usando i CSS. tag "ufficiali" nel codice HTML SPEC definiscono solo le cose che un browser dovrebbe fare con loro. Ma CSS è un linguaggio che gli obiettivi di tutto il sapore di XML, in modo da poter dire foo {font-weight:bold;} e nella maggior parte dei browser, <foo> hello world </foo> uscirà grassetto.

Darko Z chiarisce , IE6 / 7 do non aggiungere elementi arbitrari (non standard) al DOM automaticamente dalla sorgente; essi devono essere a livello di codice aggiunto.

Answer 2

Ho un bug di IE da tenere a mente. Se, come OP, si vuole solo per lo stile del testo all'interno del tag noscript e non il tag noscript in sé, si prega di ignorare questo ..

Dire che si desidera rendere sfondo del tag noscript rosso. In IE8, verrà visualizzato con JS abilitato. Proprio la scatola stessa, non il testo all'interno.

Quindi, questa combinazione non è buono:

CSS

noscript {
    background-color: red;
}

HTML

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

Ma questa soluzione funziona bene:

CSS

noscript div {
    background-color: red;
}

HTML

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

Stranamente, vedo solo questo comportamento in IE8, non IE7. E chissà circa 6 ..

Answer 3

Oltre a di Rex M risposta - IE 6/7 (? 6 DEF, 7 forse) non lo stile di un tag arbitrario per voi. Ma fortunato per voi come con tutti molti problemi di IE c'è una soluzione.

Dire che si desidera per lo stile un elemento chiamato foo. Per arrivare IE di riconoscerla come un elemento styleable è necessario includere questa linea da qualche parte nel vostro JS:

document.createElement('foo');

Non è necessario aggiungere, basta crearla.

Questo avrà inizio IE in styling quell'elemento per voi con la regola CSS:

foo { font-weight:bold; }