Cascading Style Sheets (CSS) sono stati aggiunti allo standard HTML per consentire di controllare l'aspetto e il comportamento degli elementi su pagine Web più preciso. Purtroppo, gli standard Web non sono sempre applicate da tutti i browser Web nello stesso modo con la stessa sintassi. Per evitare che l'utente di selezionare il testo in un elemento "div" nella pagina Web, è necessario specificare diverse proprietà CSS per garantire un comportamento corretto nei browser attuali, e un attributo speciale tag devono essere utilizzati per Internet Explorer. Altre proprietà aiutano a garantire la compatibilità con alcune vecchie versioni di browser.

istruzione

1 Inserire il seguente codice CSS tra i tag "testa" del documento HTML:

<Style type = "text / css">

.noselect {

user-select: none;

-webkit-user-select: none;

-moz-user-select: -moz-none;

}

</ Style>

La prima proprietà è lo standard più definito andando avanti, in quanto fa parte della bozza di lavoro di specificazione del World Wide Web Consortium per CSS3. Il secondo è specifico per il browser Safari di Apple, e il terzo a Mozilla Firefox.

2 Assegnare la classe "noselect" ad un tag "div" nel corpo del documento HTML per rendere il testo in esso selezionabile. Per esempio:

<Div class = "noselect"> Non è possibile selezionare il testo. </ Div>

3 Aggiungere l'attributo "selezionabile" ad un tag "div" per aggiungere il supporto per Internet Explorer:

<Div class = "noselect" = selezionabile "on"> Non è possibile selezionare il testo. </ Div>

4 Salvare la pagina e caricarlo in un browser Web. Il testo nell'elemento "div" non può essere selezionata. Se stai usando una vecchia versione di Safari o Opera, prova ad aggiungere il seguente alla classe "noselect" nel codice CSS:

-o-user-select: none;

-khtml-user-select: none;

5 Change ".noselect" a "div" nel codice CSS per applicare le proprietà di ogni elemento "div" nella pagina, in modo da non è necessario specificare una classe per ognuno, se si desidera che tutti loro di essere selezionabile. Hai ancora aggiungere l'attributo "selezionabile" per ciascuno, però.