user-select հատկությունը - տեքստի ընտրություն արգելելը
user-select հատկությունը կառավարում է
տեքստի և էջի այլ տարրերի ընտրման պահվածքը:
Շարահյուսություն
ընտրիչ {
user-select: none | contain | all | auto | text;
}
Արժեքներ
| Արժեք | Նկարագրություն |
|---|---|
none |
Տեքստը չի ընտրվում: |
contain |
Տարրի ներսում սկսված ընտրությունը չի դուրս գա այդ տարրի սահմաններից: |
all |
Եթե ներդրված տարրի վրա տեղի է ունենում կրկնակի սեղմում, կընտրվի ծնողի ամբողջ պարունակությունը այս հատկության արժեքով: |
auto |
Հաշվարկվող արժեք, որն ինքնաբերաբար որոշվում է հետևյալ կերպ.
after և
before
կեղծ տարրերի համար արժեքը none է, խմբագրելի տարրի համար
արժեքը contain է, եթե ծնող տարրի արժեքը
all կամ none է, ապա նույնը կլինի նաև հենց տարրի համար,
հակառակ դեպքում արժեքը կլինի text:
|
text |
Օգտագործողը կարող է ընտրել տեքստը տարրում: |
Լռելյայն արժեքը՝ text:
Ծանոթագրություն
Որոշ արժեքներ կարող են չաշխատել բոլոր բրաուզերներում:
Օրինակ . none արժեքը
Հետևյալ տեքստը հնարավոր չէ ընտրել.
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Տես նաև
-
selectionկեղծ տարրը,
որը կառավարում է ընտրված տեքստի ոճերը -
pointer-eventsհատկությունը,
որը հեռացնում է պատասխանը մկնիկի վրա