Fifandraisana
Kilasy fampiasa izay manova ny fomba ifandraisan'ny mpampiasa amin'ny votoatin'ny tranonkala iray.
Fantenana lahatsoratra
Ovay ny fomba nifidianana ny atiny rehefa mifandray aminy ny mpampiasa.
Ity fehintsoratra ity dia hofantenana tanteraka rehefa kitihin'ny mpampiasa.
Ity andalana ity dia manana fitondran-tena mifantina default.
Ity fehintsoratra ity dia tsy azo fidina rehefa kitihin'ny mpampiasa.
<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>
Hetsika fanondro
Bootstrap dia manome .pe-none
sy .pe-auto
kilasy mba hisorohana na hanampiana singa mifandray.
Tsy azo kitihina ity rohy ity .
Ity rohy ity dia azo kitihina (fihetsika mahazatra izany).
Tsy azo kitihina ity rohy itypointer-events
satria lova avy amin'ny ray aman-dreniny ilay fananana. Misy kilasy anefa ity rohype-auto
ity ary azo kitihina.
<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>
.pe-none
kilasy (sy ny
pointer-events
fananana CSS apetrany) dia manakana ny fifaneraserana amin'ny tondro (mouse, stylus, touch). Ny rohy sy ny fanaraha-maso amin'ny
.pe-none
dia, raha ny mahazatra, dia mbola azo ifantohan'ny mpampiasa sy azo atao ho an'ny mpampiasa klavier. Mba hahazoana antoka fa tsy miandany tanteraka izy ireo na dia ho an'ny mpampiasa klavier aza, dia mety mila manampy toetra hafa toy ny
tabindex="-1"
(mba hisakanana azy ireo tsy hahazo fifantohana amin'ny fitendry) sy
aria-disabled="true"
(mba hampitana ny zava-misy fa tsy mahomby amin'ny teknolojia fanampiana izy ireo), ary mety hampiasa JavaScript manakana tanteraka azy ireo tsy ho azo atao. Ho an'ny fanaraha-maso endrika dia diniho ny fampiasana ny
disabled
toetra HTML.
Sass
Utilities API
Ny fitaovam-pifandraisana dia nambara ao amin'ny API fampiasantsika amin'ny scss/_utilities.scss
. Ianaro ny fomba fampiasana ny utility API.
"user-select": (
property: user-select,
values: all auto none
),
"pointer-events": (
property: pointer-events,
class: pe,
values: none auto,
),