Isdhexgalka
Fasallada utility ee beddela sida isticmaalayaashu ula falgalaan waxa ku jira mareegaha.
Xulashada qoraalka
Beddel habka loo doorto nuxurka marka isticmaaluhu la falgalo.
Cutubkan waxa gabi ahaanba la dooran doonaa marka isticmaaluhu gujiyo.
Cutubkani waxa uu leeyahay hab-dhaqan xul ah.
Cutubkani ma noqon doono mid la dooran karo marka isticmaaluhu gujiyo.
<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>
Dhacdooyinka tilmaamayaasha
Bootstrap waxay bixisaa .pe-none
iyo .pe-auto
fasalo si looga hortago ama loogu daro dhexgalka element.
Xiriirintan lama riixi karo
Xidhiidhkan waa la gujin karaa (tani waa habdhaqan aan caadi ahayn).
Xiriirintan lama riixi karo sababtoo ah pointer-events
hantida waxaa laga dhaxlay waalidkeed. Si kastaba ha ahaatee, xiriirkani wuxuu leeyahay pe-auto
fasal waana la gujin karaa.
<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>
Fasalka .pe-none
(iyo pointer-events
hantida CSS ee ay dejisay) waxay kaliya ka hortagtaa isdhexgalka tilmaame (jiirka, stylus, taabashada). Xidhiidhada iyo kontaroolada leh .pe-none
, asal ahaan, wali waa diirada la saari karaa oo la fulin karaa isticmaalayaasha kiiboodhka. Si aad u hubiso in ay si buuxda u dhex dhexaad u yihiin xitaa isticmaalayaasha kiiboodhka, waxa aad u baahan kartaa in aad ku darto sifooyin dheeraad ah sida tabindex="-1"
(si looga hortago in ay helaan diiradda kiiboodhka) iyo aria-disabled="true"
(si aad u gudbiso xaqiiqada ay si wax ku ool ah u naafo yihiin tignoolajiyada caawinta), oo ay suurtogal tahay in aad JavaScript u isticmaasho si buuxda uga hortagto inay noqdaan kuwo la fulin karo.
Haddii ay suurtagal tahay, xalka ugu fudud waa:
- Koontaroolada foomka, ku dar
disabled
sifada HTML.
- Xidhiidhiyayaasha, ka saar
href
sifada, oo ka dhigaysa barroosin aan dhexgal ahayn ama xidhiidhiye meeleeyaha.
Sass
Utilities API
Isticmaalka is dhexgalka waxa lagu caddeeyey utilities API gudaha scss/_utilities.scss
. Baro sida loo isticmaalo API utilities.
"user-select": (
property: user-select,
values: all auto none
),
"pointer-events": (
property: pointer-events,
class: pe,
values: none auto,
),