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-noneyana .pe-autoklaasị 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-autoklaasị 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-eventsonwunwe CSS nke ọ debere) na-egbochi naanị mmekọrịta ya na ntule (òké, stylus, emetụ). Njikọ na njikwa nwere .pe-nonebụ, 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. Maka njikwa ụdị, tụlee iji disabledàgwà HTML kama.

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,
    ),