CSS-sablon referencia-útmutatója

A vállalati védjegyzés felhasználói bejelentkezési folyamathoz való konfigurálása zökkenőmentes felhasználói élményt nyújt azokban az alkalmazásokban, amelyek a Microsoft Entra-azonosítót használják identitás- és hozzáférés-kezelési szolgáltatásként. Ezt a CSS-referencia-útmutatót akkor használhatja, ha a CSS-sablont használja a céges védjegyzési folyamat részeként.

HTML-választók

Az alábbi CSS-stílusok lesznek a teljes oldal alapértelmezett törzs- és hivatkozásstílusai. Stílusok alkalmazása más hivatkozásokhoz vagy szöveg felülbírálási CSS-választókhoz.

• body – A teljes oldal stílusai
• Hivatkozások stílusai:
  • a, a:link – Minden hivatkozás
  • a:hover – Ha az egér a hivatkozás felett van
  • a:focus – Ha a hivatkozás fókuszban van
  • a:focus:hover – Ha a hivatkozás fókusza , és az egér a hivatkozás felett van
  • a:active – Amikor a hivatkozásra kattint

Microsoft Entra CSS-választók

A bejelentkezés részleteinek konfigurálásához használja az alábbi CSS-választókat.

• .ext-background-image – Tároló, amely tartalmazza a háttérképet az alapértelmezett lightbox-sablonban

• .ext-header – Fejléc a tároló tetején

• .ext-header-logo – Fejléc emblémája a tároló tetején

  

• .ext-middle – A teljes képernyős háttér stílusa, amely függőlegesen középre és vízszintesen középre igazítja a bejelentkezési mezőt

• .ext-vertical-split-main-section – A függőleges osztott sablon részleges képernyős hátterének tárolójának stílusa, amely bejelentkezési mezőt és hátteret is tartalmaz (Ez a stílus active directory összevonási szolgáltatások (ADFS) sablonként is ismert.)

• .ext-vertical-split-background-image-container – Bejelentkezési mező háttere a függőleges felosztási/ADFS-sablonban

• .ext-sign-in-box – Bejelentkezési doboztároló

• .ext-title – Cím szövege

  

• .ext-subtitle – Felirat szövege

• Elsődleges gombok stílusai:

  • .ext-button.ext-primary – Elsődleges gomb alapértelmezett stílusa
  • .ext-button.ext-primary:hover – Ha az egér a gomb felett van
  • .ext-button.ext-primary:focus – Ha a gomb fókuszban van
  • .ext-button.ext-primary:focus:hover – Ha a gomb fókusza , és az egér a gomb felett van
  • .ext-button.ext-primary:active – Amikor a gombra kattint

  

• Stílusok másodlagos gombokhoz:

  • .ext-button.ext-secondary – Másodlagos gombok
  • .ext-button.ext-secondary:hover – Ha az egér a gomb felett van
  • .ext-button.ext-secondary:focus Ha a gomb fókuszban van
  • .ext-button.ext-secondary:focus:hover – Ha a gomb fókusza , és az egér a gomb felett van
  • .ext-button.ext-secondary:active – Amikor a gombra kattint

  

• .ext-error – Hibaszöveg

  

• Szövegdobozok stílusai:

  • .ext-input.ext-text-box – Szövegmezők
  • .ext-input.ext-text-box.ext-has-error – Ha a szövegmezőhöz érvényesítési hiba van társítva
  • .ext-input.ext-text-box:hover – Ha az egér a szövegdoboz felett van
  • .ext-input.ext-text-box:focus – Ha a szövegdoboz fókuszban van
  • .ext-input.ext-text-box:focus:hover – Ha a szövegdoboz fókusza , és az egér a szövegdoboz felett van

  

• .ext-boilerplate-text – Egyéni üzenet szövege a bejelentkezési mező alján

• .ext-promoted-fed-cred-box – Bejelentkezési beállítások szövegmezője

  

• Stílusok az élőlábhoz:

  • .ext-footer – Élőláb terület az oldal alján
  • .ext-footer-links – Hivatkozások terület az élőlábban az oldal alján
  • .ext-footer-item – Hivatkozáselemek (például "Használati feltételek" vagy "Adatvédelmi & cookie-k") az oldal alján található láblécben
  • .ext-debug-item – A hibakeresés részleteinek hibakeresése az oldal alján lévő láblécben