Como tornar o texto não selecionado usando CSS
É importante garantir informações pessoais e detalhes privados nas páginas da web. Esse tipo de informação pode estar em vários formatos, como imagens, vídeos e formulários de texto. A forma mais insegura é o texto
Porque é claro e fácil de copiar de um lugar para outro. Para enfrentar essas situações, você pode tornar o texto inocente usando alguns seletores ou propriedades especiais de CSS.
Este artigo fornecerá um guia detalhado sobre como você pode tornar algum texto não selecionado no CSS
Como tornar o texto não selecionado usando CSS?
No CSS, para tornar o texto não selecionado, usaremos o seguinte termo:
- Propriedade selecionada do usuário
- :: Seleção de seleção
Vamos explorar cada propriedade um por um!
Método 1: Torne o texto não selecionado usando a propriedade CSS-Select-Select
O "Seleção de usuário”Propriedade decide o comportamento de como o texto de um elemento será selecionado. Quando o "nenhum”O valor é atribuído a esta propriedade, restringe a seleção de texto.
Vamos explorar mais sobre esta propriedade, conferindo o exemplo abaixo.
Exemplo
Atualmente, temos um texto em nossa página no estado selecionado e queremos tornar este texto inocente com a ajuda do CSS:
Em nosso arquivo html, atribuiremos algum texto ao “ Html Linuxhint.io No arquivo CSS, basta utilizar o “Seleção de usuário”Propriedade com o valor“nenhum”.Isso tornará o texto não selecionado, respectivamente. CSS Agora, salve o código mencionado e abra -o em seu navegador favorito: Quero aprender algo mais interessante? Vamos seguir em direção ao método dois. Método 2: Torne o texto não selecionado usando o seletor CSS :: Seleção No CSS, o “::seleção”Seletor é usado para estilizar a parte selecionada de um elemento. Apenas algumas propriedades do CSS podem ser utilizadas com este seletor, como fundo, cor, esboço e cursor. Exemplo Colocou o "::seleção”Seletor com o elemento. Na próxima etapa, especifique o “fundo”Propriedade com o valor“rgba (0, 0, 0, 0)”. Isso tornará a seleção de texto transparente. Observação: Usar a combinação da propriedade Seletor e CSS especificada ainda tornará o texto selecionado; No entanto, ninguém saberá se o texto é selecionado ou não por causa de sua transparência: Saída Cobrimos os métodos mais simples para tornar o texto não selecionado no CSS. Conclusão Para tornar o texto não selecionado, o “Seleção de usuário”Propriedade e“::seleção”O seletor pode ser usado. Simplesmente definir a propriedade selecionada do usuário como nenhuma tornará o texto inocente. Além disso, o seletor de seleção :: também pode ser utilizado com a propriedade em segundo plano. Nesta postagem, você aprendeu a tornar algum texto não selecionado com a ajuda do CSS P
Seleção de usuário: Nenhum;P :: Seleção
Antecedentes: RGBA (0, 0, 0, 0)