Hvordan gjøre tekst ikke -valgbar ved hjelp av CSS
Det er viktig å sikre personlig informasjon og private detaljer på websider. Denne typen informasjon kan være i forskjellige formater, for eksempel bilder, videoer og tekstformer. Den mest utrygge formen er tekst
fordi det er klart og enkelt å kopiere fra et sted til et annet. For å takle slike situasjoner, kan du gjøre teksten ikke -valgbar ved hjelp av noen spesielle CSS -velgere eller egenskaper.
Denne oppskrivningen vil gi en detaljert guide om hvordan du kan gjøre noen tekst som ikke er valgbar i CSS
Hvordan gjøre tekst ikke -valgbar ved hjelp av CSS?
I CSS, for å gjøre tekst som ikke er valgbar, vil vi bruke følgende begrep:
- Bruker-velg eiendom
- :: Selection Selector
La oss utforske hver eiendom en etter en!
Metode 1: Gjør tekst ikke valgbar ved hjelp av CSS brukervalg-egenskap
“brukervalg”Eiendom bestemmer oppførselen til hvordan teksten til et element vil bli valgt. Når “ingen”Verdien er tilordnet denne egenskapen, den begrenser valg av tekst.
La oss utforske mer om denne egenskapen ved å sjekke ut eksemplet nedenfor.
Eksempel
Foreløpig har vi en tekst på siden vår i valgt tilstand, og vi ønsker å gjøre denne teksten ikke -valgbar ved hjelp av CSS:
I vår HTML -fil vil vi tilordne litt tekst til " Html Linuxhint.io I CSS -filen bruker du bare "brukervalg”Eiendom med verdien”ingen”.Dette vil gjøre teksten henholdsvis ikke -valgbar. CSS Lagre den nevnte koden og åpne den i din favoritt nettleser: Vil lære noe mer interessant? La oss gå mot metode to. Metode 2: Gjør tekst ikke -valgbar ved hjelp av CSS :: Selection Selector I CSS, “:: utvelgelse”Selector brukes til å style den valgte delen av et element. Bare noen få CSS -egenskaper kan brukes med denne velgeren, for eksempel bakgrunn, farge, omriss og markør. Eksempel Sett ":: utvelgelse”Valg med element. I neste trinn, spesifiser "bakgrunn”Eiendom med verdien”RGBA (0, 0, 0, 0)”. Dette vil gjøre tekstvalget gjennomsiktig. Merk: Ved å bruke kombinasjonen av den spesifiserte velgeren og CSS -egenskapen vil fortsatt gjøre teksten valgbar; Ingen vil imidlertid vite om teksten er valgt eller ikke på grunn av dens åpenhet: Produksjon Vi har dekket de enkleste metodene for å gjøre tekst som ikke er valgbar i CSS. Konklusjon For å gjøre teksten ikke -valgbar, "brukervalg”Eiendom og“:: utvelgelse”Selector kan brukes. Bare å stille inn brukervalg-egenskapen til ingen vil gjøre teksten ikke-valgbar. Dessuten kan utvalgsvelgeren også brukes med bakgrunnseiendom. I dette innlegget har du lært hvordan du gjør noen tekst som ikke er valgbar ved hjelp av CSS P
Brukervalg: Ingen;P :: utvelgelse
Bakgrunn: RGBA (0, 0, 0, 0)