CSS యూజర్-సెలెక్ట్ అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

user-select లక్షణం అంశం పదబంధాన్ని ఎంచుకోవచ్చు లేదా లేదు నిర్ణయిస్తుంది.

వెబ్ బ్రౌజర్లో, మీరు పదబంధాన్ని డబుల్ క్లిక్ చేసినప్పుడు, పదబంధం ఎంచుకోబడుతుంది లేదా ప్రక్కన కనిపిస్తుంది. ఈ లక్షణం ఈ ప్రవర్తనను నిరోధించడానికి ఉపయోగించబడుతుంది.

మరియు చూడండి:

HTML DOM సందర్భాత్మక పరిశీలనాలు:userSelect లక్షణం

ఉదాహరణ

పదబంధాన్ని ఎంచుకోలేని <div> అంశాన్ని నిరోధించండి:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ మరియు Edge */
  user-select: none; /* ప్రామాణిక సంకేతాలు */
}

స్వయంగా ప్రయోగించండి

CSS సంకేతాలు

user-select: auto|none|text|all;

లక్షణ విలువ

విలువ వివరణ
auto మూల విలువ. బ్రౌజర్ అనుమతిస్తే, పదబంధాన్ని ఎంచుకోవచ్చు.
none పదబంధం వాడుకను నిరోధించండి.
text పదబంధం వాడుకలో ఉండగలదు.
all పదబంధాన్ని క్లిక్ చేయండి, కాదు డబుల్ క్లిక్.

సాంకేతిక వివరాలు

మూల విలువ: auto
వారసత్వం: లేదు
అనిమేషన్ తయారీ: మద్దతు లేదు. చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
సంస్కరణ: CSS3
JavaScript సంకేతాలు: object.style.userSelect="none"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను గుర్తిస్తాయి.

అనుసరించండి -webkit-、-ms- లేదా -moz- అనుకూలతలు మొదటి సంస్కరణను ప్రాథమికంగా వాడండి.

క్రోమ్ ఐఇ / ఎజ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-