Mmekọrịta
Klas bara uru na-agbanwe ka ndị ọrụ si emekọrịta ọdịnaya nke weebụsaịtị.
Nhọrọ ederede
Gbanwee ụzọ ahọpụtara ọdịnaya mgbe onye ọrụ na ya na-emekọrịta ihe.
A ga-ahọrọ paragraf a kpamkpam mgbe onye ọrụ pịa ya.
Paragraf a nwere omume ahọpụtara ndabara.
Agaghị ahọpụta paragraf a mgbe onye ọrụ pịrị ya.
<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
<p class="user-select-auto">This paragraph has default select behavior.</p>
<p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>
Mmemme ntụnye aka
Bootstrap na-enye .pe-none
yana .pe-auto
klaasị iji gbochie ma ọ bụ tinye mmekọrịta mmewere.
Enweghị ike ịpị njikọ a.
Enwere ike ịpị njikọ a (nke a bụ omume ndabara).
Enweghị ike ịpị njikọpointer-events
a n'ihi na eketara ihe onwunwe ahụ n'aka nne na nna ya. Agbanyeghị, njikọ a nwere pe-auto
klaasị ma enwere ike ịpị ya.
<p><a href="#" class="pe-none" tabindex="-1" aria-disabled="true">This link</a> can not be clicked.</p>
<p><a href="#" class="pe-auto">This link</a> can be clicked (this is default behavior).</p>
<p class="pe-none"><a href="#" tabindex="-1" aria-disabled="true">This link</a> can not be clicked because the <code>pointer-events</code> property is inherited from its parent. However, <a href="#" class="pe-auto">this link</a> has a <code>pe-auto</code> class and can be clicked.</p>
Klas .pe-none
(na ihe pointer-events
onwunwe CSS nke ọ debere) na-egbochi naanị mmekọrịta ya na ntule (òké, stylus, emetụ). Njikọ na njikwa nwere .pe-none
bụ, na ndabara, ka na-elekwasị anya ma nwee ike ime ya maka ndị ọrụ ahụigodo. Iji hụ na a napụrụ ha kpamkpam ọbụna maka ndị ọrụ ahụigodo, ị nwere ike ịgbakwunye njiri mara ndị ọzọ dị ka tabindex="-1"
(iji gbochie ha ịnweta mgbado keyboard) na aria-disabled="true"
(iji gosi eziokwu na ha nwere nkwarụ nke ọma na teknụzụ enyemaka), yana ikekwe iji Javascript. gbochie ha kpam kpam ka ha ghara ime ihe.
Ọ bụrụ na ọ ga-ekwe omume, ngwọta dị mfe bụ:
- Maka njikwa ụdị, tinye njirimara
disabled
HTML.
- Maka njikọ, wepụ
href
àgwà ahụ, na-eme ka ọ bụrụ arịlịka na-adịghị emekọrịta ihe ma ọ bụ njikọ njide.
Sass
Utilities API
A na-ekwupụta akụrụngwa mmekọrịta n'ime ngwa API anyị na scss/_utilities.scss
. Mụta otu esi eji ngwa API.
"user-select": (
property: user-select,
values: all auto none
),
"pointer-events": (
property: pointer-events,
class: pe,
values: none auto,
),