Come rendere il testo insultabile usando CSS

Come rendere il testo insultabile usando CSS

È importante garantire informazioni personali e dettagli privati ​​sulle pagine Web. Questo tipo di informazioni potrebbe essere in vari formati, come immagini, video e forme di testo. La forma più pericolosa è il testo

Perché è chiaro e facile da copiare da un posto a un altro. Per affrontare tali situazioni, è possibile rendere il testo insultabile utilizzando alcuni speciali selettori o proprietà CSS.

Questo articolo fornirà una guida dettagliata su come rendere un po 'di testo insultabile in CSS

Come rendere il testo insultabile usando CSS?

In CSS, per rendere il testo insignificante, useremo il seguente termine:

  • Proprietà per selezione utente
  • :: selettore di selezione

Esploriamo ogni proprietà una per una!

Metodo 1: rendere il testo non selezionabile utilizzando la proprietà User Select CSS

IL "Selezione utente"La proprietà decide il comportamento di come verrà selezionato il testo di un elemento. Quando il "nessuno"Il valore è assegnato a questa proprietà, limita la selezione del testo.

Esploriamo di più su questa proprietà controllando l'esempio seguente.

Esempio

Attualmente abbiamo un testo sulla nostra pagina nello stato selezionato e vogliamo rendere questo testo insultabile con l'aiuto di CSS:

Nel nostro file HTML, assegneremo un po 'di testo al "

Html

Linuxhint.io

Nel file CSS, utilizza semplicemente il "Selezione utente"Proprietà con il valore"nessuno".Questo renderà il testo insultabile rispettivamente.

CSS

P
Selezione utente: nessuno;

Ora, salva il codice menzionato e aprilo nel tuo browser preferito:

Voglio imparare qualcosa di più interessante? Passiamo al metodo due.

Metodo 2: rendere il testo insultabile utilizzando CSS :: Selezione selettore

In CSS, il “::selezione"Il selettore viene utilizzato per modellare la parte selezionata di un elemento. Solo poche proprietà CSS possono essere utilizzate con questo selettore, come sfondo, colore, contorno e cursore.

Esempio

Impostare il "::selezione"Selettore con il

elemento. Nel passaggio successivo, specificare il "sfondo"Proprietà con il valore"RGBA (0, 0, 0, 0)". Questo renderà trasparente la selezione del testo.

Nota: Utilizzo della combinazione del selettore specificato e la proprietà CSS renderà comunque selezionabile il testo; Tuttavia, nessuno saprà se il testo è selezionato o meno a causa della sua trasparenza:

p :: selezione
Sfondo: RGBA (0, 0, 0, 0)

Produzione

Abbiamo coperto i metodi più semplici per rendere il testo insultabile in CSS.

Conclusione

Per rendere il testo insignificante, il "Selezione utente"Proprietà e"::selezione"È possibile utilizzare il selettore. Basta che impostare la proprietà Select utente su nessuno renderà il testo insultabile. Inoltre, il selettore di selezione :: Selezione può anche essere utilizzato con proprietà di fondo. In questo post, hai imparato a rendere un po 'di testo insultabile con l'aiuto di CSS