2011-10-12 13 views
10

Sto tentando di aggiungere una regola CSS che rende il comportamento predefinito per non consentire la selezione di testo o elementi in una pagina. Quindi aggiungo una regola per nodi specifici (come paragrafi o testo dell'intestazione) per consentire la selezione del testo su di essi.Impossibile sovrascrivere la selezione utente sui nodi figlio?

Sfortunatamente questo non funziona come previsto e sembra impossibile sovrascrivere questa impostazione su un nodo figlio.

Selezionare questa jsfiddle per vedere quello che voglio dire:

http://jsfiddle.net/cH8WD/

Qualsiasi idea di come posso farlo funzionare correttamente?

Grazie

Edit:

Per illustrare meglio il problema:

http://jsfiddle.net/cH8WD/5/

risposta

14

provare "testo" invece di "normale", come:

* { 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: -moz-none; 
    -o-user-select: none; 
    user-select: none; 
} 

p, h1, h2, h3, h4, h5 { 
    -webkit-user-select: text; 
    -khtml-user-select: text; 
    -moz-user-select: text; 
    -o-user-select: text; 
    user-select: text; 
} 

Edit: per FireFox, ho cambiato la riga "-moz-user-select: none;" a "-moz-user-select: -moz-none;"

+0

Non fa differenza. Puoi provare questo su jsfiddle semplicemente modificando i valori nella mia versione. – Naatan

+0

l'ho provato con Chrome e ha funzionato per me. "normale" non ha funzionato ma "testo" ha funzionato. controllerò con altri browser ora. –

+0

Ok, sto testando su Firefox che ha lo stesso problema sia che sia "normale", "testo", "auto" o qualsiasi altra cosa. Sfortunatamente avrei bisogno di una soluzione che funzionasse su tutti i browser. – Naatan

Problemi correlati